Code for Mode Consent GTM

consentMode.js

window.dataLayer = window.dataLayer || [];

function gtag() {
  dataLayer.push(arguments); // Use arguments object for rest parameters
}

var consentOptionsGranted = { // Use var instead of const
  'ad_storage': 'granted',
  'analytics_storage': 'granted',
  'ad_user_data': 'granted',
  'ad_personalization': 'granted'
};

var btnConsetMode = document.querySelector('.cn-set-cookie'); // Use var instead of const
if (btnConsetMode) {
  btnConsetMode.addEventListener('click', function() {
    gtag('consent', 'default', consentOptionsGranted);
  });
}

Documentação do Código JavaScript para Gerenciamento de Consentimento de Cookies

Objetivo
Este código JavaScript lida com o gerenciamento de consentimento de cookies em um site. Ele usa a biblioteca Google Tag Manager (GTM) para enviar eventos de consentimento do usuário.

Explicação passo a passo:

1. Inicialização do dataLayer:

window.dataLayer = window.dataLayer || [];

• Verifica se a variável global dataLayer existe no objeto window.
• Se existir, usa o array existente.
• Se não existir, cria um novo array vazio e o atribui a window.dataLayer.
• O dataLayer é um local central para armazenar e gerenciar dados acessados por diferentes partes do código.

2. Função gtag

function gtag() {
     dataLayer.push(arguments); // Usa o objeto `arguments` para capturar os argumentos passados
}

• Define a função gtag.
• Captura todos os argumentos passados ao chamar gtag usando o objeto arguments.
• Adiciona os argumentos como um elemento de array (evento) ao array dataLayer usando o método push.
• A função gtag serve para enviar eventos (incluindo eventos de consentimento) para o dataLayer, para uso com ferramentas de análise ou gerenciamento de tags.

3. Opções de Consentimento:

var consentOptionsGranted = {
  'ad_storage': 'granted',
  'analytics_storage': 'granted',
  'ad_user_data': 'granted',
  'ad_personalization': 'granted'
};

• Declara a variável consentOptionsGranted e atribui um objeto literal a ela.
• O objeto define diferentes opções de consentimento (por exemplo, ad_storage, analytics_storage) com seus valores correspondentes ('granted').
• As opções se relacionam com o consentimento do usuário para práticas de coleta e personalização de dados no site.

4. Interação com o Botão de Consentimento:

`var btnConsetMode = document.querySelector('.cn-set-cookie');

if (btnConsetMode) {
btnConsetMode.addEventListener('click', function() {
gtag('consent', 'default', consentOptionsGranted);
});
}`

• Usa document.querySelector para procurar no DOM um elemento com a classe cn-set-cookie.
• Se encontrado, o elemento é atribuído à variável btnConsetMode.
• A instrução condicional verifica se a variável btnConsetMode não é nula ou indefinida (ou seja, o botão foi encontrado).
• Se o botão for encontrado, um listener de evento é anexado a ele usando o método addEventListener.
• O listener de evento escuta pelo evento click no botão.
• Quando o botão é clicado, a função gtag é chamada com três argumentos:
  • "consent": Indica o tipo de evento sendo enviado (consentimento).
  • "default": Pode ser uma configuração de consentimento específica ou uma padrão.
  • consentOptionsGranted: O objeto contendo as opções de consentimento específicas é passado como o terceiro argumento.