;(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(); })();

Seu dinheiro rende mais

Mídia e Marketing

Para VP da Ambev, nem toda marca precisa fazer 'gracinhas' na rede social

Renato Pezzotti

Colaboração para o UOL, em Piracicaba (SP)

15/11/2022 04h01

A Ambev possui mais de 30 marcas de cerveja. Como definir o público-alvo de cada uma e canibalizar suas vendas?

"Precisamos ter muito claro um posicionamento e desdobrar isso na boca das pessoas. O grande segredo é entendermos esse posicionamento, em qual assunto ela deveria palpitar e até se ela deveria palpitar ou não. Nem toda marca tem que fazer piada, tem que ser engraçada nas redes sociais", afirma Daniel Wakswaser, vice-presidente de marketing da Ambev. O executivo foi o entrevistado do episódio #150 do programa Mídia e Marketing - veja no trecho acima.

O VP da Ambev também fala sobre a nova forma de fazer publicidade e sobre os preparativos da cervejaria para a Copa do Mundo - veja a entrevista abaixo, na íntegra.

"A Copa será um momento único para construção de marca. É o primeiro mundial no verão, os horários dos jogos são interessantes e, além de tudo, a Copa vai marcar o fim da pandemia e vai ser a primeira com dois fenômenos coexistindo: o auge das redes sociais no auge e o e-commerce gigantesco", diz (a partir de 32:12).

A Ambev também tem apostado cada vez mais na criação de diálogos com os consumidores. "Acreditamos no equilíbrio entre arte e ciência. A gente não gosta de extremar essas duas disciplinas. A publicidade é uma fusão entre essas duas coisas. O que a gente faz hoje é usar a criatividade para ela se conectar com a cultura popular e que faça entretenimento para as pessoas. Mas precisamos também usar a criatividade para a conversão no e-commerce", diz (a partir de 14:42).

Daniel, que está na Ambev há mais de 10 anos, também falou no programa sobre como a cervejaria tem trabalhado seu portfólio para oferecer novos produtos ao consumidor:

"No contexto brasileiro, em épocas de crise e inflação, a gente sempre aprendeu que precisamos construir marcas fortes, principalmente porque as pessoas têm uma relação emocional com elas. Além disso, precisamos garantir que a gente tenha embalagens e produtos de diferentes preços, para todos os nossos públicos", declara o VP da Ambev.

"A gente sempre teve uma coisa forte do 'sonho grande' no nosso DNA. Na pandemia, percebemos que poderíamos sonhar com grandeza. As marcas perceberam que, além de vender, precisavam se conectar, precisam deixar legado para a sociedade", declara (a partir de 1:51).

Confira o programa na íntegra: