;(function() { window.createMeasureObserver = (measureName) => { var markPrefix = `_uol-measure-${measureName}-${new Date().getTime()}`; performance.mark(`${markPrefix}-start`); return { end: function() { performance.mark(`${markPrefix}-end`); performance.measure(`uol-measure-${measureName}`, `${markPrefix}-start`, `${markPrefix}-end`); performance.clearMarks(`${markPrefix}-start`); performance.clearMarks(`${markPrefix}-end`); } } }; /** * Gerenciador de eventos */ window.gevent = { stack: [], RUN_ONCE: true, on: function(name, callback, once) { this.stack.push([name, callback, !!once]); }, emit: function(name, args) { for (var i = this.stack.length, item; i--;) { item = this.stack[i]; if (item[0] === name) { item[1](args); if (item[2]) { this.stack.splice(i, 1); } } } } }; var runningSearch = false; var hadAnEvent = true; var elementsToWatch = window.elementsToWatch = new Map(); var innerHeight = window.innerHeight; // timestamp da última rodada do requestAnimationFrame // É usado para limitar a procura por elementos visíveis. var lastAnimationTS = 0; // verifica se elemento está no viewport do usuário var isElementInViewport = function(el) { var rect = el.getBoundingClientRect(); var clientHeight = window.innerHeight || document.documentElement.clientHeight; // renderizando antes, evitando troca de conteúdo visível no chartbeat-related-content if(el.className.includes('related-content-front')) return true; // garante que usa ao mínimo 280px de margem para fazer o lazyload var margin = clientHeight + Math.max(280, clientHeight * 0.2); // se a base do componente está acima da altura da tela do usuário, está oculto if(rect.bottom < 0 && rect.bottom > margin * -1) { return false; } // se o topo do elemento está abaixo da altura da tela do usuário, está oculto if(rect.top > margin) { return false; } // se a posição do topo é negativa, verifica se a altura dele ainda // compensa o que já foi scrollado if(rect.top < 0 && rect.height + rect.top < 0) { return false; } return true; }; var asynxNextFreeTime = () => { return new Promise((resolve) => { if(window.requestIdleCallback) { window.requestIdleCallback(resolve, { timeout: 5000, }); } else { window.requestAnimationFrame(resolve); } }); }; var asyncValidateIfElIsInViewPort = function(promise, el) { return promise.then(() => { if(el) { if(isElementInViewport(el) == true) { const cb = elementsToWatch.get(el); // remove da lista para não ser disparado novamente elementsToWatch.delete(el); cb(); } } }).then(asynxNextFreeTime); }; // inicia o fluxo de procura de elementos procurados var look = function() { if(window.requestIdleCallback) { window.requestIdleCallback(findByVisibleElements, { timeout: 5000, }); } else { window.requestAnimationFrame(findByVisibleElements); } }; var findByVisibleElements = function(ts) { var elapsedSinceLast = ts - lastAnimationTS; // se não teve nenhum evento que possa alterar a página if(hadAnEvent == false) { return look(); } if(elementsToWatch.size == 0) { return look(); } if(runningSearch == true) { return look(); } // procura por elementos visíveis apenas 5x/seg if(elapsedSinceLast < 1000/5) { return look(); } // atualiza o último ts lastAnimationTS = ts; // reseta status de scroll para não entrar novamente aqui hadAnEvent = false; // indica que está rodando a procura por elementos no viewport runningSearch = true; const done = Array.from(elementsToWatch.keys()).reduce(asyncValidateIfElIsInViewPort, Promise.resolve()); // obtém todos os elementos que podem ter view contabilizados //elementsToWatch.forEach(function(cb, el) { // if(isElementInViewport(el) == true) { // // remove da lista para não ser disparado novamente // elementsToWatch.delete(el); // cb(el); // } //}); done.then(function() { runningSearch = false; }); // reinicia o fluxo de procura look(); }; /** * Quando o elemento `el` entrar no viewport (-20%), cb será disparado. */ window.lazyload = function(el, cb) { if(el.nodeType != Node.ELEMENT_NODE) { throw new Error("element parameter should be a Element Node"); } if(typeof cb !== 'function') { throw new Error("callback parameter should be a Function"); } elementsToWatch.set(el, cb); } var setEvent = function() { hadAnEvent = true; }; window.addEventListener('scroll', setEvent, { capture: true, ive: true }); window.addEventListener('click', setEvent, { ive: true }); window.addEventListener('resize', setEvent, { ive: true }); window.addEventListener('load', setEvent, { once: true, ive: true }); window.addEventListener('DOMContentLoaded', setEvent, { once: true, ive: true }); window.gevent.on('allJSLoadedAndCreated', setEvent, window.gevent.RUN_ONCE); // inicia a validação look(); })();
  • AssineUOL
Logo Pagbenk Seu dinheiro rende mais
Topo

Mídia e Marketing

Mídia e Marketing

Propósito, empatia, o poder do vídeo: os principais insights do SXSW 2021

Divulgação/GoAd Media
Imagem: Divulgação/GoAd Media

Renato Pezzotti

Colaboração para o UOL, em São Paulo

12/04/2021 04h01

O SXSW (South by Southwest) nasceu em 1987 e foi realizado pela segunda vez de forma online, há duas semanas, devido à pandemia. Foram mais de 200 palestrantes, com 50 horas de conteúdo (distribuídas via streaming). Por isso mesmo, é quase impossível ver ou ouvir tudo que se fala por lá.

A GoAd Media, uma rede de curadoria de tendências e conhecimento em criatividade, mídia e marketing, identificou as tendências apontadas pelo evento - veja abaixo. Todos os anos, a consultoria prepara um relatório, com os grandes temas, nomes, ideias e tendências destacados pelo evento.

Relacionadas

João Livi, da Talent: "Marcas não precisam ser perfeitas o tempo todo"

UOL lança podcast diário de boas notícias em parceria com Spotify

Ian Black, da New Vegas: Empresas têm receio de falar sobre diversidade

Este ano, pela terceira vez consecutiva, o documento tem patrocínio do UOL Ad_Lab. Separamos aqui cinco dos principais insights do evento deste ano. Confira:

1. Urgência do propósito

Um grande desafio do mundo contemporâneo é o entendimento de que somos parte de um amplo ecossistema. Todas as nossas ações, expectativas, crises e criações estão correlacionadas e se impactam. O SXSW 2021 reforçou a urgência de entender o propósito como pilar fundamental para os negócios. É uma convocação à ação, em sintonia com novas demandas e expectativas dos consumidores, que exigem respostas concretas para os grandes desafios da contemporaneidade.

2. Ética no uso da inteligência artificial

Chegamos à era da ética no uso da inteligência artificial. Mas e as empresas? Esta trilha temática abordou o gigantesco desafio de promover o impacto positivo das tecnologias emergentes e evitar usos enviesados e perigosos da inteligência artificial. Profissionais de ciência e tecnologia precisam se guiar de forma ética, enquanto nós, como sociedade, devemos repensar as instituições e suas funções, revisando as regulamentações vigentes para que funcionem como balizas do desenvolvimento de soluções éticas.

3. Empatia é fundamental

A empatia será um pilar fundamental para as empresas. O aprofundamento das desigualdades, causado pela covid-19, demanda uma abordagem que promova a diversidade, a igualdade e a inclusão. Isso deve incluir oportunidades para os pequenos empreendedores e organizações focadas em comunidades. Parece óbvio, mas é inevitável: o foco terá que ser o consumidor, o usuário, o cidadão. Este será o principal mantra da tecnologia e do marketing.

4. O poder do vídeo

Há um novo rumo nas relações. Com parte da população isolada, o vídeo se consolidou ainda mais como um formato de conteúdo. E nada indica mudança no futuro próximo. Dezenas de painéis do SXSW 2021 abordaram o poder do formato, para os mais diversos negócios, propósitos e momentos: do TikTok, a rede social do momento, ao crescimento do live streaming, ando pelos "videodates", os encontros por videochamadas.

5. Novas soluções para arte e cultura

Duramente atingido pela pandemia, o setor cultural viu salas de cinema e teatro serem fechadas, shows e espetáculos, cancelados e museus e livrarias pedindo falência. Nesta edição atípica, o SXSW discutiu inovações tecnológicas como NFTs (os "tokens não fungíveis", já discutido aqui pelo colunista Ricardo Cavallini, de Tilt), para remunerar a comunidade artística, o papel da arte na atual crise sanitária e soluções de realidade aumentada e virtual para gerar novas conexões com os consumidores.

PUBLICIDADE

As mais lidas agora

Quem é o bilionário que foi de lavador de pratos a CEO de tecnologia?

Feira de jatinhos exclusiva para convidados em SP mostra mercado aquecido

Empresas sas investirão R$ 100 bi no Brasil até 2030; veja setores

Mídia e Marketing

Colunas

Fernanda Torres virou uma creator. De verdade.

Josette Goulart

Ilustrada

Netflix e Warner fecham contrato até 2028 para venda de filmes; veja como será

Economia

Metade dos brasileiros planeja gastar até R$ 200 em festas juninas

Economia

Rita Almeida: 'Quando se fala de longevidade, o preconceito ainda impera'

Nossa

Qual receita combina com domingo? Atriz Bruna Spínola ensina suas favoritas

Ilustrada

Osklen apaga postagem de editorial com Oruam após repercussão negativa

Economia

'Se não tiver dinheiro, não se planta árvores', diz CEO de agência ESG

Tilt

'IA está mais esperta que humanos': CEO vê o próprio trabalho em risco

Economia

Influenciadores de finanças batem recorde, e bets engajam mais do que ações

Economia

Inteligência artificial deve impactar 31,3 milhões de empregos no Brasil e afetar 13 profissões

Esporte

COB lança Programa Olímpico de Patrocínio com base comercial em São Paulo

Economia

Para ser polo de games, SP levará seus estúdios ao exterior