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

Diageo relança site e tem uísque inspirado em Game of Thrones por R$ 119,90

Divulgação
Imagem: Divulgação

Renato Pezzotti

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

30/11/2018 15h33

A fabricante de bebidas alcoólicas Diageo, dona de marcas como Johnnie Walker, Smirnoff e Guinness, repaginou seu ecommerce, o site TheBar.com.

“O TheBar.com foi reformulado e está mais intuitivo, permitindo que o comprador encontre a melhor solução por ocasiões de consumo, como encontro de amigos, presente, festa de casamento ou churrasco”, disse Alexandre Miranda, diretor de Vendas da Diageo Brasil.

Um dos produtos de destaque após o relançamento é o uísque “White Walker by Johnnie Walker”, que celebra a série Game of Thrones, da HBO. Na série, os "white walkers" são uma espécie de zumbi. 

Segundo a empresa, o ecommerce vendeu mais de 1.400 garrafas do produto no Brasil em dois dias --cada garrafa custa R$ 119,90. A Diageo não informa se o ritmo de vendas é maior que o de outros produtos. 

Leia também:

O site ainda possui 125 receitas de drinks, atualizadas constantemente. 

Copo meio cheio

A companhia também preparou uma ação especial, que terá início em dezembro e faz parte da campanha “O progresso de um é o progresso de todos”. A campanha é assinada pela agência +B Brasil.

Ação copo meio cheio da Johnnie Walker - Divulgação - Divulgação
“Copo meio cheio” tem um fundo duplo, e a bebida é servida na metade superior do recipiente
Imagem: Divulgação

Nela, para ar uma mensagem de otimismo, clientes de sete bares receberão copos “meio cheios”. Os copos têm um fundo duplo, o que faz com que a bebida seja servida na metade superior do recipiente. Os estabelecimentos participantes são Alphaiate e Recanto Paraibano, em Recife (PE), e Jamile Restaurante, Sal Gastronomia, Spot, Terço e The Blue Pub, em São Paulo (SP).

No ecommerce, o consumidor ganhará o copo como brinde na compra de um combo das garrafas Johnnie Walker Red Label e Johnnie Walker Black Label. 

PUBLICIDADE

As mais lidas agora

Mega-Sena: Quanto R$ 45 milhões rendem todo mês na poupança e no Tesouro

O que significa o aviso do IRPF 'Processada, em fila de restituição'?

Por que um dos maiores bancos dos EUA está tão otimista com o Brasil

Mídia e Marketing

Tilt

'IA está mais esperta que humanos': CEO vê o próprio trabalho em risco

Economia

Influenciadores de finanças batem recorde, e bets engajam mais do que ações

Economia

Inteligência artificial deve impactar 31,3 milhões de empregos no Brasil e afetar 13 profissões

Economia

Para ser polo de games, SP levará seus estúdios ao exterior

VivaBem

'Qual é o problema ser lento?' Corredora divide pensamentos em série do UOL

Economia

Usaflex aposta em Flávia Saraiva para atrair público mais jovem para marca

Esporte

COB terá Corrida Time Brasil até 2028, e medalhas formarão 'chama olímpica'

Tilt

Gero o prompt e desisto: IA nos deixa mais burros e sem criatividade?

Economia

Disney demite centenas de funcionários nas áreas de cinema, TV e finanças, diz agência

Media Talks

Meta vai oferecer recurso para criação de anúncios com IA direto a marcas e pode transformar mercado publicitário

Tilt

FIB 15: 'Não podemos privar crianças e adolescentes de estarem na internet'

Tilt

Meta oficializa IA para criar anúncios automaticamente até 2026