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

Brasil seguirá padrões internacionais para publicidade na internet

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

11/01/2019 12h56

A publicidade na internet brasileira vai ar a seguir as mesmas regras adotadas na Europa e nos EUA, definiu a Coalition for Better Ads (CBA, Aliança por Melhores Anúncios), organização que pretende definir boas práticas para o setor. O anúncio foi feito na quarta-feira (9) e vale para os sites da América Latina.

Anúncios que pulam na tela dos computadores e celulares, vídeos de reprodução automática com som e grandes anúncios fixos são alguns exemplos que contrariam o padrão do grupo.

A Aliança, criada em 2017, é resultado da união entre empresas e plataformas de mídia com o objetivo de tornar os anúncios menos intrusivos. Hoje, conta com 50 membros, entre anunciantes, agências de publicidade, editores e empresas de tecnologia --entre elas, Google, Facebook, Reuters, The Washington Post, Unilever e P&G, além da Associação Brasileira de Anunciantes (ABA). 

Segundo a CBA (na sigla, em inglês), uma pesquisa com mais de 66 mil consumidores do mundo todo encontrou um forte alinhamento das preferências entre países e regiões. 

"Os consumidores de todo o mundo enviaram uma mensagem clara à indústria de anúncios online sobre os formatos de anúncio que interrompam suas experiências. As marcas de sucesso responderão aos consumidores tomando medidas para evitar este tipo de publicidade em seus planos de marketing", declarou Stephan Loerke, CEO da Federação Mundial de Anunciantes, em comunicado. 

"Nossa associação e seus membros têm acompanhado de perto o trabalho da CBA em outras regiões, à medida que trabalhamos para melhorar o ambiente de publicidade online para os consumidores no Brasil", disse Renato Girard, diretor de operações do IAB Brasil (Interactive Advertising Bureau). O IAB é uma entidade presente em 45 países com a missão de promover o marketing e a publicidade digital.

O UOL, por meio de sua associação com o IAB Brasil, é signatário das práticas estabelecidas pela Aliança.

O Google pretende bloquear em seu navegador Chrome, a partir de julho deste ano, formatos de anúncios que atrapalhem a navegação do consumidor. A empresa conta com um site que ajuda marcas e plataformas a verificar se seus anúncios estão em concordância com as regras do site Melhores Anúncios (para ar, é preciso estar logado em uma conta Google), criado pela CBA.