Извлечение данных из ЧПУ с помощью GTM

 

На этом сайте уже была опубликована статья, где подробно описано, как извлечь значения из параметров URL.

В этой статье рассмотрим способ извлечения данных из ЧПУ по уровням при помощи пользовательской переменной Собственный код JavaScript. На первый взгляд эта функция ничего особенного из себя не представляет, однако в ряде случаев это может быть очень полезным инструментом, если произвести необходимые настройки триггеров и отправлять события в системы аналитики.

Для начала необходимо установить код ГТМ в исходный код сайта, если его там ещё нет. Если есть – идём дальше.

URL типа ЧПУ имеет следующую конструкцию:

https://your-site.com/level1/level2/level3/

  • your-site.com – адрес сайта
  • level1, level2 и level3 – это 1-й, 2-ой и 3-ий уровни соответственно (их может быть как меньше, так и больше)

Теперь переходим в ГТМ в Переменные к Пользовательским переменным. Жмём кнопку Создать, задаём имя переменной, например Data Extract from URL, и выбираем тип переменной Собственный код JavaScript

В поле Собственный код JavaScript вписываем следующий код:

function () {
var url = {{Page Path}}.split('/')[2];
return url;
}

Данный код будет извлекать значение со второго уровня, так как в квадратных скобках указан именно он – [2]. Если указать [1], то извлекаться будет значение первого уровня.

 

Проверяем. Включаем в ГТМ режим Предварительного просмотра, переходим на какой-нибудь URL сайта, к которому он подключен, затем внизу на панели отладки ГТМ переходим на Variables и смотрим, что получилось:

Как видно на скриншоте выше, переменная выдала нам значение ‘podklyuchenie-i-nastroyka-google-optimize-s-pomoschyu-gtm’, то есть второй уровень, так как путь к этой странице выглядит так: /websites/podklyuchenie-i-nastroyka-google-optimize-s-pomoschyu-gtm/.

Если в скрипте указать первый уровень [1], то мы получим значение ‘websites’.

Для того, чтобы значение состояло из нескольких уровней, в переменной необходимо внести такой код:

function () {
var url = {{Page Path}}.split('/')[1] + ' ' + '/' + ' ' + {{Page Path}}.split('/')[2];
return url;
}

Проверяем:

На скриншоте выше видим, что переменная выдала нам значение ‘websites / podklyuchenie-i-nastroyka-google-optimize-s-pomoschyu-gtm’, то есть уровень1 / уровень2

Готово! Теперь. при необходимости, данное значение можно отправлять в системы аналитики в виде событий или целей.

Источник

Скрипт был взят отсюда: https://osipenkov.ru/url-parts-gtm/

Поделиться ссылкой:

 

Читайте также