Como pegar parte da URL com Google Tag Manager

PUBLICADO POR AYLTON INACIO
Tutoriais e Artigos > Google Tag Manager

O Google Tag Manager (GTM) oferece vários recursos para você capturar partes da URL de uma página e colocar em variáveis. Por exemplo, URL completa; caminho; parâmetro, entre outros. Mas uma parte específica da URL somente com script. Vamos ver isso!

Vamos analisar a seguinte URL de página:

https://receitips.com.br/pudins/receita-de-pudim-de-leite

O nosso objetivo é capturar a categoria "pudins" e colocar em uma variável. Como citado antes, capturar URL e outras partes você consegue com a variável de usuário do tipo URL, mas essa parte que precisamos, somente com um código de Javascript.

▶ Se preferir, acesse "Como pegar parte da URL com Google Tag Manager " no YouTube.

Eu considero que você já trabalha com Tag Manager (GTM) e conhece o funcionamento de variáveis, assim podemos ir direto ao ponto. Se não conhece, aqui no meu site você encontra muito material sobre isso e como começar com a ferramenta.

Você deve então criar uma variável de usuário do tipo JavaScript Personalizado e colocar o seguinte código:

function() {
	var pageUrl = window.location.href.split("/");
	return pageUrl[3];
}

Explicando nosso código, o primeiro passo é capturar a URL toda com window.location.href e quebrar em partes (split) onde tiver a barra ("/"), tudo armazenado em pageurl.

O pageurl funciona como um vetor. Na primeira posição vamos ter "https". Na segunda um valor vazio. Na terceira "receitips.com.br". E por fim na quarta o valor que queremos, o "pudins".

Na programação, as posições de um vetor começam em 0. Sendo assim, o nosso código usa return para retornar o valor que queremos do vetor, no caso pageUrl[3] (o valor da posição 4).

Depois é só salvar a variável do Tag Manager e clicar em Visualizar para testar:

Agora é só usar sua variável sempre que precisar em suas tags ou acionadores, e depois Publicar.