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

Novos vídeos do posto Ipiranga têm Gretchen e Biro-Biro em 'rolês' surreais

Reprodução
Imagem: Reprodução

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

17/01/2019 18h32

A cantora Gretchen em uma banheira motorizada e o ex-jogador Biro-Biro voando em uma ovelha são os novos personagens da campanha do Posto Ipiranga. Criados pela agência Talent, os filmes estão em destaque na página de YouTube da rede de combustíveis e serão veiculados na internet e no canal de TV a cabo Woohoo, especializado em esportes radicais.

Os vídeos abordam o tema da mobilidade urbana, que já foi assunto na campanha 2018 da empresa, com o lançamento do conceito "Não importa como, pergunta lá".

O humorista Paulinho Serra, os pilotos de Stock Car Thiago Camilo e Bia Figueiredo e o motociclista Fred Kyrillos também estão na nova sequência de filmes.

Veja também

Confira o vídeo com a cantora Gretchen:

Assista ao comercial com ex-jogador Biro-Biro voando pela cidade:​​​​​​​

PUBLICIDADE

As mais lidas agora

Receita recebe declarações atrasadas do IR com multa mínima de R$ 165,74

Mesmo com juros altos, 'resiliência' da economia 'surpreende', diz Galípolo

Cade aprovou fusão Petz-Cobasi, que redesenha o mercado pet no Brasil

Mídia e Marketing

Media Talks

Meta vai oferecer criação de anúncios com IA direto a marcas e transformar mercado publicitário, revela WSJ

Economia

Com doces e bebidas, Ninho abre primeira loja física do mundo em São Paulo

Colunas

Chatbot de banco ainda é só um telemarketing gourmet

Josette Goulart

Economia

Do TikTok à prateleira: O (novo) jeito da Bayer inovar no Brasil

Economia

Praticidade ou risco? Venda de remédios em supermercados tem apoio de 2 em cada 3 brasileiros

Economia

Dia de Ofertas UOL terá descontos exclusivos e live shop com Evelyn Marques

Colunas

Como nova lei de bets muda mercado e pode tirar R$ 1,6 bi de clubes

Rodrigo Mattos

Economia

Brasileiro vai mais ao mercado, mas sai com carrinho menor, mostra estudo

Colunas

HBO Max retorna com ambição ousada: lançar uma novela brasileira por ano

Renan Martins Frade

Economia

Celso Portiolli, o famoso mais querido do Brasil? Estudo aponta que sim

Política

STF retoma julgamento sobre Marco Civil da Internet na próxima semana

Economia

Hailey Bieber vende a Rhode, sua marca de cosméticos, por R$ 5,6 bilhões