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

Ana Fossati, da Nissin: Miojo foi parceiro do brasileiro durante a pandemia

Renato Pezzotti

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

03/06/2021 13h29

O Brasil é o 10º país que mais consome macarrão instantâneo no mundo. As receitas aqui são diferentes das de outros países? Há uma "receita universal" de Miojo?

O programa Mídia e Marketing desta semana recebe Ana Fossati, gerente de marketing da Nissin -veja o vídeo completo da entrevista acima.

Ana conta que, com a pandemia, houve uma grande mudança nos canais de venda da marca. Mas é mais fácil vender macarrão instantâneo pela internet, já que a receita não guarda segredos?

"Nosso produto já está no dia a dia do brasileiro. Ele entrou como um parceiro do consumidor nesse momento complicado, por ser de fácil o e de fácil preparo, tinha todas as características para se tornar parceiro do brasileiro", diz (a partir de 3:38).

"Não existe uma receita universal de macarrão instantâneo, então o próprio consumidor tem a liberdade de fazer suas receitas, com feijão, com requeijão, com arroz. Os consumidores fazem uma alquimia dos temperos e estamos reforçando a marca de uma forma irreverente", afirma a executiva (a partir de 11:40).

Com mais de 20 anos no marketing, Ana ainda comenta sobre as mudanças que a forma de fazer propaganda tem atravessado, principalmente com a fragmentação da mídia.

"A propaganda não está mais "chata", mas muita coisa mudou. Primeiro, a gente comunicava muito de mão única. Hoje, a comunicação é muito mais uma conversa. O que ficou muito mais rico, para a marca, foi também a fragmentação da mídia. Temos muito mais coisas para conversar com o consumidor", declara (a partir de 25:55).

Mas a ampliação dessa "conversa" fez com que o consumidor exigisse que as marcas tomassem posição em alguns assuntos. Isso é arriscado para as empresas?

"O consumidor de hoje exige mais postura das marcas. Neste sentido, as marcas estão mais vulneráveis. Não sei se tem certo ou errado, mas marcas estão aprendendo. Elas não se posicionavam em certos temas, mas não tem mais como ficar em cima do muro. É um grande processo de aprendizagem", afirma Ana (a partir de 27:40).