Instalação

Para realizar a instalação e configuração do mesmo será necessário a utilização do Google Tag Manager, caso você não esteja familiarizado com o google tag manager a métricas boss tem diversos posts em português falando sobre o assunto.

Após estar com o seu google tag manager criado e instalado, será necessário criar uma tag customizada para implementação do script abaixo, segue o passo a passo.

1. Abra o seu google tag manager e na tela inicial de seu container clique em “adicionar uma nova tag”

Tutorial parte 1

2. Clique no botão configuração da tag

Tutorial parte 2

3. Selecione o item HTML customizado

Tutorial parte 3

4. No campo HTML copie e cole o script abaixo

Tutorial parte 4

<script>
!function(e,n){var o={windowConversion:e||30,cookieName:n||"affly_origin"},r=function(){var e={};window.location.href.replace(/[?&]+([^=&]+)=([^&]*)/gi,function(n,o,r){e[o]=r});return e},t=r(),i=function(){if(t.utm_source){var e=new Date;e.setTime(e.getTime()+24*o.windowConversion*60*60*1e3);var n="expires="+e.toUTCString();return document.cookie=o.cookieName+"="+t.utm_source+";"+n+";path=/"}return!1},u=function(){return document.cookie=o.cookieName+"=;expires=Thu, 01 Jan 1970 00:00:01 GMT;"},c=function(){for(var e=document.cookie.split(";"),n=0;n<e.length;n++){for(var r=e[n];" "==r.charAt(0);)r=r.substring(1);if(0==r.indexOf(o.cookieName))return r.substring(name.length,r.length)}return!1},a=function(){var e=document.referrer,n=new RegExp("(https|http)://www.google.com(.br)?");return!!n.test(e)&&!!("google"===t.utm_source&&"cpc"===t.utm_medium||t.gclid)},m=function(){c()&&a()?u():i()};return m()}();
</script>

5. Clique no botão acionamento

Tutorial parte 5

6. Seleciona a opção All pages

Tutorial parte 6

7. Clique no botão salvar

Tutorial parte 7

8. Adicione um nome a sua tag e pronto xD

Tutorial parte 8

Instalação para os preguiçosos ;)

Caso voce já esteja familiarizado com o Google Tag Manager, você já sabe que é possível importar um container via json, então só copiar o json e exportar no GTM.

Customização opcional

Existem 2 parâmetros customizáveis no nosso plugin, um para configurar a janela e conversão e outro para configurar o nome do cookie que será setado. Os mesmos podem ser passados na própria execução da função, como o código abaixo especifica:

<script>
!function(e,n){var o={windowConversion:e||30,cookieName:n||"affly_origin"},r=function(){var e={};window.location.href.replace(/[?&]+([^=&]+)=([^&]*)/gi,function(n,o,r){e[o]=r});return e},t=r(),i=function(){if(t.utm_source){var e=new Date;e.setTime(e.getTime()+24*o.windowConversion*60*60*1e3);var n="expires="+e.toUTCString();return document.cookie=o.cookieName+"="+t.utm_source+";"+n+";path=/"}return!1},u=function(){return document.cookie=o.cookieName+"=;expires=Thu, 01 Jan 1970 00:00:01 GMT;"},c=function(){for(var e=document.cookie.split(";"),n=0;n<e.length;n++){for(var r=e[n];" "==r.charAt(0);)r=r.substring(1);if(0==r.indexOf(o.cookieName))return r.substring(name.length,r.length)}return!1},a=function(){var e=document.referrer,n=new RegExp("(https|http)://www.google.com.br");return!!n.test(e)&&!!("google"===t.utm_source&&"cpc"===t.utm_medium||t.gclid)},m=function(){c()?a()&&u():i()};return m()}();
</script>

Contribuidores


Powered by: Métricas Boss