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

Eduardo Baraldi, da Octagon: Digitalização é a pólvora do mkt esportivo

Renato Pezzotti

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

03/09/2020 04h01

Eduardo Baraldi, CEO da Octagon Brasil, é o entrevistado do podcast Mídia e Marketing desta semana. No papo, Baraldi comenta como o marketing esportivo pode gerar relações duradouras entre marcas e consumidores, além de falar sobre a digitalização recente do mercado no Brasil.

O publicitário aborda oportunidades em conteúdo, naming rights em estádios de futebol e fala como os atletas devem gerenciar suas marcas dentro de uma nova era digital.

"O novo normal já virou um clichê. Mas, de fato, estamos tendo que nos reinventar no esporte e no entretenimento. Esse período fez a gente refletir, repensar os modelos. Esse momento não só expôs a fragilidade estrutural do mercado, como acelerou o processo de digitalização. Digital e tecnologia, somados, se tornam uma solução para o futuro do marketing esportivo. Foi quase a descoberta da pólvora", diz (no arquivo acima, este trecho está a partir de 1:05).

"Para mim, esporte e entretenimento são uma coisa só. Se você olhar o esporte só como performance, ele não se sustenta. Temos que olhar a jornada inteira do público: misturar esporte com música, esporte com gastronomia. Temos que olhar para o espetáculo como um todo. Marcas precisam enxergar o esporte como algo a longo prazo. Estamos no melhor momento para investir no esporte", afirma (a partir de 17:30).

O executivo ainda comenta sobre como agências e profissionais aproveitaram (ou não) a "década de ouro" do marketing esportivo no Brasil, tempo em que o país organizou os Jogos Pan Americanos/2007, a Copa do Mundo/2014 e os Jogos Olímpicos/2016.

Foi o melhor trampolim para o mercado. Hoje, vemos que, estruturalmente, em relação a arenas, entidades e instituições, foi uma grande decepção. Mas quando você olha o legado que ficou nas pessoas, o 'padrão Fifa', vemos que a gente desenvolveu profissionais muito bons", declara (a partir de 12:33).