Динамический пиксель и utm-метки

Динамический пиксель и utm-метки


Настройка utm-меток в кейтаро

Так как тот же пиксель в нашем случае будет являться одной из меток, правильнее всего будет сперва эти метки создать (Л-логика)=)

✅ Создаем источник

Первым делом идем в раздел "источники" и нажимаем "создать" (если у вас уже не создан тт, конечно):

Далее просто вводим "TikTok" и там уже есть готовый шаблон:

Не закрываем это окно, а листаем вниз, раздел "Параметры". Параметры мы пишем в зависимости от того, что нам нужно отслеживать:

В моем случае это:

📍 Web / web / {{web}} - метка веба. Когда несколько баеров сливает на один домен / оффер / кампанию, с помощью этой метки я могу понять, где чьи лиды (например, у меня самого метка "999", у другого веба "1708" и тд)

📍 TTPixel / ttpixel / {{ttpixel}} - метка, в которой будет передаваться пиксель

📍 Campaign name / camp_name / {{camp_name}} - Имя кампании

📍 Ad set name / ad_set_name / {{ad_set_name}} - Имя адсета

📍 Ad name / ad_name / {{ad_name}} - Имя объявления

📍 Akk / akk / {{akk}} - Имя аккаунта

Мне хватает этого набора меток, но если вам нужно что-то еще или наоборот что-то не нужно - можете убрать / придумать свои метки

Поясню за что отвечает каждая колонка в этой табличке (слева направо):

  1. Имя метки в трекере (под этим именем метка будет отображаться в отчетах)
  2. Параметр ссылки, в котором передается метка
  3. Сама метка, приходящая извне со ссылкой

На этом создание источника закончено, можно сохранить изменения и закрыть окно

✅ Подключаем источник к кампании

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

✅ Настраиваем отображение меток в статистике

Чтоб видеть все наши метки в отчетах, добавляем соответствующие колонки:

Это относится ко всем возможным таблицам - отчет по кликам, конверсии, дашборд и тд. Смотря где вам самим надо это смотреть

На этом все, метки настроены, теперь можно перейти к пикселю..

Установка пикселя (динамического)

Тут все просто, для начала добавим этот код в самое начало index.php:

Индексный файл должен обязательно иметь расширение .php, иначе ничего не заработает. Если у вас .html, просто переименуйте в .php

<?php if(isset($_GET['ttpixel'])) { setcookie('ttpixel',$_GET['ttpixel'],time()+36000); }; ?>

И вот так это должно выглядеть:

Теперь на страницу благодарности перед </head> добавим такой код:

Да, страница благодарности тоже должна идти с расширением .php

<!-- TikTok Pixel Code Start -->

<script>

!function (w, d, t) {

 w.TiktokAnalyticsObject=t;var ttq=w[t]=w[t]||[];ttq.methods=["page","track","identify","instances","debug","on","off","once","ready","alias","group","enableCookie","disableCookie"],ttq.setAndDefer=function(t,e){t[e]=function(){t.push([e].concat(Array.prototype.slice.call(arguments,0)))}};for(var i=0;i<ttq.methods.length;i++)ttq.setAndDefer(ttq,ttq.methods[i]);ttq.instance=function(t){for(var e=ttq._i[t]||[],n=0;n<ttq.methods.length;n++)ttq.setAndDefer(e,ttq.methods[n]);return e},ttq.load=function(e,n){var i="https://analytics.tiktok.com/i18n/pixel/events.js";ttq._i=ttq._i||{},ttq._i[e]=[],ttq._i[e]._u=i,ttq._t=ttq._t||{},ttq._t[e]=+new Date,ttq._o=ttq._o||{},ttq._o[e]=n||{};var o=document.createElement("script");o.type="text/javascript",o.async=!0,o.src=i+"?sdkid="+e+"&lib="+t;var a=document.getElementsByTagName("script")[0];a.parentNode.insertBefore(o,a)};



 ttq.load('<?php echo $_COOKIE["ttpixel"];?>');

 ttq.page();

}(window, document, 'ttq');

</script>

<!-- TikTok Pixel Code End -->

И вот так это выглядит в коде:

Все, динамический пиксель теперь будет работать =)

Этот код подходит для любого события - будь то place an order, form submission, complete payment или что-то еще

Создание ссылки в ТТ

Последнее, что осталось сделать чтоб работал пиксель и utm-метки - правильно прописать ссылку в тт. Покажу наглядно:

✅ У нас есть домен mydomain.com

✅ Мы сделали кампанию и назвали ее Conversions

✅ В кампании есть адсет ES1 и объявление AD1

✅ И все это на аккаунте с именем FitnessEs

✅ И на этом акке у нас есть пиксель C2M06OKQTD9DP15KMUVG

Тогда ссылка, которую мы ставим в объявление, будет выглядеть так:

mydomain.com?ttpixel=C2M06OKQTD9DP15KMUVG&camp_name=Conversions&ad_set_name=ES1&ad_name=AD1&akk=FitnessEs

И вот так в отчете будут отображаться эти параметры:

Если что, номер пикселя в ТТ берем тут:

Надеюсь, все было понятно и вы стали чуть больше шарить за аналитику =))



Report Page