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.
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.
Consulte a documentação oficial do Google para obter mais informações sobre o Google Tag Manager. Dito isso, vamos começar o tutorial!
Para começar a usar o Google Tag Manager, você precisará criar uma conta gratuita e configurar um contêiner.
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:
Clique na janela de configuração da tag conforme imagem abaixo:
Selecione o Google Analytics: Tipo de tag de configuração do GA4. Em seguida, insira o ID de medição (por exemplo, G-A2ABC2ABCD) da sua propriedade do GA4.
Agora você pode configurar as regras para ativação da tag. Vamos ver como fazer! 👉
Depois de preencher os parâmetros acima, devemos definir os acionadores (as regras que permitirão o disparo dos scripts):
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
iubenda_preference_not_needed
iubenda_ccpa_opted_out
iubenda_consent_given_purpose_s
, iubenda_consent_given_purpose_sh
, iubenda_consent_given_purpose_adv
e iubenda_consent_given_purpose_sd8
Se você estiver implementando o Google Consent Mode, pule esta etapa e vá para a instalação.
Clique na seção “Acionamento” abaixo:
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).
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:
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):
iubenda_consent_given_purpose_2
)iubenda_consent_given_purpose_3
)iubenda_consent_given_purpose_4
)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.
Para as leis de privacidade dos EUA, use os seguintes eventos:
iubenda_consent_given_purpose_s
: Venda das minhas informações pessoaisiubenda_consent_given_purpose_sh
: Compartilhamento das minhas informações pessoaisiubenda_consent_given_purpose_adv
: Processamento das minhas informações pessoais para publicidade direcionadaiubenda_consent_given_purpose_sd8
: Processamento dos meus dados de geolocalização precisosFeito isso, salve o acionador normalmente.
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:false
ou gdprAppliesGlobally:false
, countryDetection:true
e o usuário estiver fora da UE):
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.
Agora que você definiu a variável, crie um novo acionador chamado iubenda_ccpa_opted_out
. Em Configuração do acionador:
.*
como nome do evento e selecione Usar correspondência de regex; iubenda_ccpa_opted_out
, equals e true e clique em Salvar.
No final, seu Google Analytics: A tag de configuração do GA4 ficará assim:
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
.
dataLayer
em todos os contêineres, conforme explicado aqui.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.
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.
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:
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).
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.
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”.
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”,
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”.
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”).
Em seguida, crie uma variável de cookie primário (clique em “Variáveis” no painel esquerdo e adicione uma nova variável personalizada)
Clique no botão “Salvar” e nomeie algo como “Cookieiubenda”
Em seguida, crie o novo acionador que deseja adicionar: por exemplo. “Compra efetuada”; digite “Envio de formulário”.
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.
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.
Salve e pronto!
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)
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:
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”,
em seguida, clicar no link “Adicionar exceção” exibido. Agora selecione o acionador que acabamos de criar e salve.
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
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:
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.