Iubenda logo
Crie Agora

Documentação

Tabela de conteúdos

Como usar o Google Tag Manager para simplificar o bloqueio de cookies

Cuidado

Se você deseja simplificar o bloqueio de cookies e rastreadores usando o Google Tag Manager junto com o recurso de bloqueio automático, é importante observar que o respectivo snippet não pode ser carregado diretamente pelo GTM. No entanto, você ainda pode consultar o guia a seguir para simplificar o processo de bloqueio de cookies usando o GTM.

Abaixo explicaremos como integrar o Google Tag Manager com a da Privacy Controls and Cookie Solution da iubenda para a CCPA, o GDPR e o consentimento por categoria.

Importante

O uso do Google Tag Manager é altamente recomendado, pois simplifica drasticamente a adoção dos requisitos da Lei dos Cookies. No entanto, só é eficaz para scripts que não são “posicionais”. Scripts “não posicionais” são todos os scripts que não visualizam um elemento específico em um determinado local da página. Resumindo, você pode usar esta solução para todas as ferramentas de estatísticas, mas não para banners do AdSense, vídeos do Youtube, botões sociais ou widgets de qualquer tipo.

Algumas definições rápidas

Google Tag Manager – contêiner, tag e acionador

Consulte a documentação oficial do Google para obter mais informações sobre o Google Tag Manager. Dito isso, vamos começar o tutorial!

Crie uma conta e configure um contêiner

Para começar a usar o Google Tag Manager, você precisará criar uma conta gratuita e configurar um contêiner.

crie uma conta e um contêiner

Crie a tag

Depois que o contêiner for criado, podemos prosseguir para a criação da tag. Mais uma vez, a tag representa o script que só será ativado de acordo com regras determinadas, no nosso caso, o consentimento do usuário para o uso de cookies.

A tag que iremos criar estará relacionada ao Google Analytics 4:

Google Tag Manager – Criação de uma tag

Clique na janela de configuração da tag conforme imagem abaixo:

Google Tag Manager – Criação de uma tag

Selecione o Google Analytics: Tipo de tag de configuração do GA4.

Tipo de tag de configuração do Google Analytics GA4
Em seguida, insira o ID de medição (por exemplo, G-A2ABC2ABCD) da sua propriedade do GA4.

ID de medição de configuração do Google Analytics GA4

Agora você pode configurar as regras para ativação da tag. Vamos ver como fazer! 👉

Defina regras para a ativação da tag

Depois de preencher os parâmetros acima, devemos definir os acionadores (as regras que permitirão o disparo dos scripts):

  1. iubenda_consent_given ou, se você ativou o recurso de consentimento por categoria em sua Privacy Controls and Cookie Solution, iubenda_consent_given_purpose_1...5
  2. iubenda_preference_not_needed
  3. iubenda_ccpa_opted_out
  4. Se você ativou o USPR, iubenda_consent_given_purpose_s, iubenda_consent_given_purpose_sh, iubenda_consent_given_purpose_adve iubenda_consent_given_purpose_sd8
Google Tag Manager e Consent Mode

Se você estiver implementando o Google Consent Mode, pule esta etapa e vá para a instalação.

1.1 iubenda_consent_given

Clique na seção “Acionamento” abaixo:

Acionamento da configuração do Google Analytics GA4

e clique no pequeno sinal de mais no canto superior direito para adicionar um novo Acionador. Agora, na janela de configuração do acionador, selecione Evento personalizado (rápida observação: certifique-se de NÃO selecionar “Todas as páginas” como um acionador).

Google Tag Manager – evento personalizado

Para o nome do evento, insira o seguinte valor: iubenda_consent_given. Isso ativará o acionador em Todos os eventos personalizados rotulados como Consentimento dado.

Salve o acionador clicando em Salvar:

Crie um acionador

1.2 iubenda_consent_given_purpose_1…5

Se você ativou o recurso de consentimento por categoria em sua Privacy Controls and Cookie Solution, em vez do evento iubenda_consent_given , você terá que criar um evento personalizado para cada finalidade exibida em seu banner/política de cookies (com exceção da finalidade “Necessários”).

Se você não tiver certeza a qual finalidade/categoria pertencem os serviços executados em seu site, basta consultar os subtítulos sob os quais eles se enquadram em sua política de cookies da iubenda.

Veja a seguir as 5 finalidades (e os valores do evento personalizado):

  1. Necessários (não há necessidade de criar um evento personalizado)
  2. Funcionalidade (iubenda_consent_given_purpose_2)
  3. Experiência (iubenda_consent_given_purpose_3)
  4. Medição (iubenda_consent_given_purpose_4)
  5. Marketing (iubenda_consent_given_purpose_5)

Uma vez que o Google Analytics faz parte da categoria “Estatísticas” incluída na finalidade “Medição”, você terá que criar um evento personalizado com o seguinte valor: iubenda_consent_given_purpose_4. Isso ativará o acionador em Todos os eventos personalizados rotulados como Consentimento dado Finalidade 4.

Crie um acionador

Para as leis de privacidade dos EUA, use os seguintes eventos:

  1. iubenda_consent_given_purpose_s: Venda das minhas informações pessoais
  2. iubenda_consent_given_purpose_sh: Compartilhamento das minhas informações pessoais
  3. iubenda_consent_given_purpose_adv: Processamento das minhas informações pessoais para publicidade direcionada
  4. iubenda_consent_given_purpose_sd8: Processamento dos meus dados de geolocalização precisos

Feito isso, salve o acionador normalmente.

2. iubenda_preference_not_needed

Use o mesmo procedimento para criar outro evento personalizado chamado iubenda_preference_not_needed, invocado sempre que uma preferência não for necessária (por exemplo, quando gdprApplies:falseou gdprAppliesGlobally:false, countryDetection:true e o usuário estiver fora da UE):

Google Tag Manager - configuração do acionador iubenda_preference_not_needed

3. iubenda_ccpa_opted_out

Se a CCPA se aplicar a você e – como neste caso – a tag/serviço for considerada uma venda, ela deverá ser desativada quando o usuário optar por não participar. Para isso, você terá que criar uma exceção chamada iubenda_ccpa_opted_out.

Antes de criar este evento, você deverá definir um filtro para ele. Clique em Variáveise em Novo (ao lado de Variáveis definidas pelo usuário). Dê a ele o nome de iubenda_ccpa_opted_out, clique na caixa Configuração de variável e escolha Variável de camada de dados, use iubenda_ccpa_opted_out como Nome da variável de camada de dados e selecione Versão 2 como Versão da camada de dados. Em seguida, clique em Salvar.

Google Tag Manager - configuração da variável iubenda_ccpa_opted_out

Agora que você definiu a variável, crie um novo acionador chamado iubenda_ccpa_opted_out. Em Configuração do acionador:

  • escolha Evento Personalizado como Tipo de acionador;
  • insira .* como nome do evento e selecione Usar correspondência de regex;
  • em Este acionador é disparado em escolha Alguns eventos personalizados, selecione iubenda_ccpa_opted_out, equals e true
Google Tag Manager - configuração do acionador iubenda_ccpa_opted_out

e clique em Salvar.

No final, seu Google Analytics: A tag de configuração do GA4 ficará assim:

Google Tag Manager - configuração de tags do Google Analytics GA4

Clique em Salvar para salvar a tag.

Não há nenhum problema em adicionar os acionadores iubenda_consent_given e iubenda_consent_given_purpose_4 , mesmo que você não use o recurso de consentimento por categoria . A configuração de ambos neste momento impedirá que você edite todas as suas tags se decidir ativar esse recurso no futuro.

Ao configurar esta regra, o Google Tag Manager ativará a tag de configuração do Google Analytics GA4 que criamos acima, somente quando essas regras forem verdadeiras. Isso significa que ele será disparado sempre que o Google Tag Manager receber um evento com o valor iubenda_consent_given ou iubenda_consent_given_purpose_4 ou iubenda_preference_not_needed.

Observação
  • O exemplo anterior pressupõe que você está disparando a tag em todas as páginas do seu site. Se desejar que uma tag seja disparada em apenas uma página (por exemplo, página do carrinho de compras), consulte a seção avançada aqui.
  • Ao adicionar vários contêineres na mesma página: O Google recomenda manter o número mínimo de contêineres na página para obter o melhor desempenho. Se você tirar proveito disso (por exemplo, criando um contêiner para cada finalidade ao usar o consentimento por categoria), certifique-se de usar o mesmo nome de dataLayer em todos os contêineres, conforme explicado aqui.
  • Lembre-se, se quiser rastrear mais de um evento na mesma página (por exemplo, rastrear visualizações de páginas e envio de formulário), você precisará criar tags adicionais e especificar o tipo de rastreamento. Veja os detalhes na seção avançada aqui.

Instale o Google Tag Manager em seu próprio site

Para instalar o Google Tag Manager, visite o administrador do GTM, copie o código fornecido pelo Google e insira-o em todas as páginas do seu site de acordo com as instruções fornecidas – se estiver usando um CMS que extrai o cabeçalho da página de um arquivo de modelo de cabeçalho (por exemplo, header.php), basta colá-lo nesse arquivo.

Google Tag Manager - Instalação
Google Tag Manager - Instalação

Observação: você precisará remover seu próprio código do Google Analytics.

O Google Analytics só será ativado automaticamente pelo script do Google Tag Manager depois que o usuário/visitante consentir com o uso de cookies.

Instale o script iubenda

Acesse o dashboard da iubenda > [seu site] > Privacy Controls and Cookie Solution, clique no botão Incorporar para acessar a seção de incorporação:

Solução de Cookies - Incorpore o banner

e recupere o código para o banner de cookies (se ainda não tiver ativado a Privacy Controls and Cookie Solution, basta clicar em Ativar, configurar e depois acessar a seção de incorporação para recuperar o código conforme descrito).

Agora, seu código terá a seguinte aparência:

<script type="text/javascript">
    var _iub = _iub || [];
    _iub.csConfiguration = {
        "lang": "en",
        "siteId": XXXXXX, //use your siteId
        "cookiePolicyId": YYYYYY, //use your cookiePolicyId
        "banner": {
            "position": "float-top-center",
            "acceptButtonDisplay": true,
            "customizeButtonDisplay": true
        }
    };
</script>
<script type="text/javascript" src="//cdn.iubenda.com/cs/iubenda_cs.js" charset="UTF-8" async></script>

Ele deve ser editado da seguinte forma:

<script type="text/javascript">
    var _iub = _iub || [];
    _iub.csConfiguration = {
        "lang": "en",
        "siteId": XXXXXX, //use your siteId
        "cookiePolicyId": YYYYYY, //use your cookiePolicyId
        "banner": {
            "position": "float-top-center",
            "acceptButtonDisplay": true,
            "customizeButtonDisplay": true
        },
        "callback": {
                  onPreferenceExpressedOrNotNeeded: function (preference) {
                    dataLayer.push({
                      iubenda_ccpa_opted_out: _iub.cs.api.isCcpaOptedOut(),
                    });

                    // preferences parameter may be undefined if both GDPR and LGPD do not apply
                    // we may need the line below to find USPR preferences instead of relying
                    // on preferences parameter
                    var otherPreferences = _iub.cs.api.getPreferences();

                    if (otherPreferences) {
                      var usprPreferences = otherPreferences.uspr;
                      if (usprPreferences) {
                        for (var purposeName in usprPreferences) {
                          if (usprPreferences[purposeName]) {
                            dataLayer.push({
                              event: 'iubenda_consent_given_purpose_' + purposeName,
                            });
                          }
                        }
                      }
                    }

                    if (!preference) {
                      dataLayer.push({
                        event: 'iubenda_preference_not_needed',
                      });
                    }
                    else if (preference.consent === true) {
                      dataLayer.push({
                        event: 'iubenda_consent_given',
                      });
                    }
                    else if (preference.consent === false) {
                      dataLayer.push({
                        event: 'iubenda_consent_rejected',
                      });
                    }
                    else if (preference.purposes) {
                      for (var purposeId in preference.purposes) {
                        if (preference.purposes[purposeId]) {
                          dataLayer.push({
                            event: 'iubenda_consent_given_purpose_' + purposeId,
                          });
                        }
                      }
                    }
                  }		
        }
    };
</script>
<script type="text/javascript" src="//cdn.iubenda.com/cs/iubenda_cs.js" charset="UTF-8" async></script>

Portanto, adicionamos um callback que, no momento em que o consentimento é dado pelo usuário, chama o código do Google Tag Manager para desbloquear o evento que configuramos para a ativação do Google Analytics.

Agora que adaptamos o código para integração com o Google Tag Manager, iremos incluí-lo em nossas páginas antes do fechamento da tag BODY .

Se você já tiver terminado, siga diretamente para Publicar; caso contrário, continue lendo sobre Configuração avançada (essas configurações permitem acelerar a ativação das tags, disparar tags somente em páginas específicas e definir vários tipos de rastreamento na mesma página, inserindo parâmetros adicionais na configuração do GTM).

Configurações Avançadas

Nesta seção, usaremos “Variáveis” e “Exceções de acionador” para ser ainda mais específico. O Google Tag Manager permite que variáveis ​​sejam criadas e que exceções sejam definidas nas condições de acionamento da tag.

Você pode pensar nas exceções como “acionadores de bloqueio”. Por exemplo, se desejar que sua tag do Google Analytics seja disparada apenas na página do carrinho de compras, você poderá definir uma exceção à regra de disparo que afirma que a tag não é disparada em nenhuma página que não seja a página do carrinho de compras; definir essa exceção impede que a tag seja disparada em páginas diferentes da página do carrinho de compras. Da mesma forma, você pode definir um acionador para disparar somente se as condições relacionadas a uma variável específica forem atendidas.

Dessa forma, tanto as variáveis ​​quanto as exceções permitem maior flexibilidade no gerenciamento de tags (você pode ler o que o Google tem a dizer sobre exceções aqui e variáveis ​​aqui).

Conforme mencionado acima, se desejar que sua tag do Google Analytics seja disparada apenas na página do carrinho de compras, você poderá definir uma exceção à regra de disparo que afirma que a tag não é disparada em nenhuma página que não seja a página do carrinho de compras. Veja como fazer isso:

Crie uma variável de URL da página (clique em “Variáveis” no painel esquerdo e depois em “Nova Variável”). Em seguida, clique na caixa de configuração da variável para escolher o tipo de variável e selecione URL.

Selecione a variável url da página incorporada

Agora clique em salvar e nomeie a variável com algo relacionado à página na qual você deseja que a tag seja disparada. Em nosso exemplo, nomeamos a variável “Carrinho de Compras”.

Em seguida, crie o novo acionador de bloqueio ou Exceção que deseja adicionar (clique em “Acionadores” no painel esquerdo e depois em “Novo”). Tente dar à sua exceção um nome relevante. Neste exemplo, nomeamos a nossa como: “NÃO é carrinho de compras”

Em seguida, clique na caixa de configuração do acionador para escolher o tipo de acionador, neste caso “Visualização de página”.

  • Agora selecione a opção “Algumas páginas”.
  • Indique a variável (neste caso a variável “Carrinho de Compras” que acabamos de criar) como variável associada e configure: “não é igual”* e digite a URL da sua página como condição de ativação (ex.: https://carrinhodecompras.seuwebsite .com)
    *Uma outra opção aqui é selecionar “começa com” (em vez de “não é igual”) se quiser que a tag seja disparada em páginas que começam com o URL do carrinho de compras, etc. Aqui você pode definir as configurações da maneira que melhor se adequar ao seu site.
Configuração de exceção

Clique em Salvar.

Por fim, volte para sua tag e além do ativador “consentimento iubenda dado”, você também precisa associar a exceção que acabamos de criar. Você pode fazer isso clicando no lápis na seção “Acionamento”,

adicionar acionador de formulário à tag

em seguida, clicar no link “Adicionar exceção” exibido.

Em seguida selecione a exceção que acabamos de criar, salve e pronto! Agora, a tag continuará sendo disparada somente depois que o consentimento para cookies for obtido (conforme exigido legalmente), mas não será disparada em páginas que não sejam a página “Carrinho de compras”.

não é exceção ao carrinho de compras

Se você quiser rastrear mais de um evento na mesma página (por exemplo, rastrear visualizações de página e também o envio de um formulário de compra), precisará criar as tags adicionais e especificar o tipo de rastreamento variado. Embora seja simples definir vários tipos de rastreamento no Tag Manager, para cumprir a lei, você deve certificar-se de que os outros eventos acionadores só ocorrem após o consentimento ter sido recebido. Veja como fazer isso:

Para este exemplo, vamos supor que , além de acompanhar as visualizações de página no Google Analytics (conforme definido na tag que criamos na primeira seção), você também queira acompanhar as transações.

Para fazer isso, precisaremos criar outra tag do Google Analytics, definir o tipo de rastreamento como “Transação” e clicar em salvar (você pode dar a ela um nome descritivo, como “Transações do Universal Analytics”).

Tag de transação do Google Analytics GTM

Em seguida, crie uma variável de cookie primário (clique em “Variáveis” no painel esquerdo e adicione uma nova variável personalizada)

  • Especifique o nome da variável no seguinte formato: “_iub_cs-XXXXXX” (XXXXXX deverá ser substituído pelo seu próprio número cookiePolicyId).
  • Selecione a seguinte opção: “Cookie de decodificação de URI”.
Crie a variável

Clique no botão “Salvar” e nomeie algo como “Cookieiubenda”

Nomeie a variável

Em seguida, crie o novo acionador que deseja adicionar: por exemplo. “Compra efetuada”; digite “Envio de formulário”.

  • Agora selecione a opção que inicia com “Alguns” – portanto, no caso do exemplo de “Envio de formulário” acima, precisaremos selecionar “Alguns Formulários” (conforme imagem abaixo).
  • Indique o cookie da iubenda (a variável que você acabou de criar) como variável associada e configure: “contém” e “consent”:true como condição de ativação
Consentimento por categoria

Se você definiu perPurposeConsent como true, a variável “Cookieiubenda” não conterá o valor “consent”:true, mas os valores referentes às finalidades únicas aceitas (ou seja, “1”:true, “2”:true, “3”:true, “4”:true etc). Adapte as etapas sugeridas adequadamente.

Configuração do acionador

Por fim, volte para sua tag “Transação do Universal Analytics” e associe o acionador que acabamos de criar. Para isso, clique na seção “Acionamento” e simplesmente selecione o acionador “Compra realizada” que acabamos de criar.

adicionar acionador à tag

Salve e pronto!

vários acionadores de tag única

Observação: se desejar que o rastreamento da transação ocorra apenas em uma página (por exemplo, página do carrinho de compras), veja como fazer isso no tutorial localizado na primeira guia desta seção.

É possível ativar as Tags mais rapidamente modificando dois parâmetros adicionais no GTM, tais como:

Crie uma variável de cookie primário (clique em “Variáveis” no painel esquerdo e adicione uma nova variável personalizada)

  • Especifique o nome da variável no seguinte formato: “_iub_cs-XXXXXX” (XXXXXX deverá ser substituído pelo seu próprio cookiePolicyId).
  • Selecione a seguinte opção: “Cookie de decodificação de URI”.
crie uma variável GTM

Em seguida, crie um novo acionador: “Lei dos Cookies não aceita”; digite “Visualização da página”, esse novo acionador permitirá que a presença do cookie da iubenda seja tratada como uma exceção:

  • selecione “Algumas visualizações de página”
  • Indique o cookie da iubenda (a variável que você acabou de criar) como variável associada e configure: “não contém” e “consent”:true como condição de ativação (veja imagem abaixo):
Acionar exceção de cookie GTM de configuração

Por fim, volte para sua tag e além do ativador “consentimento iubenda dado”, você também precisa associar a exceção que acabamos de criar. Você pode fazer isso clicando no lápis na seção “Acionamento”,

Acionar exceção de cookie GTM de configuração

em seguida, clicar no link “Adicionar exceção” exibido. Agora selecione o acionador que acabamos de criar e salve.

A Tag GTM com Lei dos Cookies não aceita exceção
Observação

Ao implementar esta configuração avançada lembre-se que se o cookiePolicyId fosse modificado, a modificação também teria que ser aplicada na configuração. Para uma configuração correta não é necessário nem vantajoso incluir o código iubenda através do GTM.

Fonte: tagmanageritalia.it/guida-base-gestire-la-cookie-law-di-iubenda-con-google-tag-manager

Publique um contêiner

Se você já passou para a seção Avançada logo após criar e configurar sua tag e acionadores, certifique-se de instalar o Google Tag Manager em seu próprio site e instalar o script da iubenda ANTES de seguir para a seção Publicar abaixo.

Depois de configurar as regras, publique o contêiner para tornar as modificações AO VIVO em seu site:

Google Tag Manager – contêiner de publicação

Para isso, clique no botão chamado ENVIAR no canto superior direito da página de visão geral do contêiner e, em seguida, confirme.

Esses exemplos podem ser reutilizados para qualquer outro script ou função JavaScript.

Veja também