Динамический пиксель и 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}} - Имя аккаунта
Мне хватает этого набора меток, но если вам нужно что-то еще или наоборот что-то не нужно - можете убрать / придумать свои метки
Поясню за что отвечает каждая колонка в этой табличке (слева направо):
- Имя метки в трекере (под этим именем метка будет отображаться в отчетах)
- Параметр ссылки, в котором передается метка
- Сама метка, приходящая извне со ссылкой
На этом создание источника закончено, можно сохранить изменения и закрыть окно
✅ Подключаем источник к кампании
Чтобы метки пробрасывались, надо указать источник во всех нужных кампаниях. Делается это просто:
✅ Настраиваем отображение меток в статистике
Чтоб видеть все наши метки в отчетах, добавляем соответствующие колонки:
Это относится ко всем возможным таблицам - отчет по кликам, конверсии, дашборд и тд. Смотря где вам самим надо это смотреть
На этом все, метки настроены, теперь можно перейти к пикселю..
Установка пикселя (динамического)
Тут все просто, для начала добавим этот код в самое начало 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
И вот так в отчете будут отображаться эти параметры:
Если что, номер пикселя в ТТ берем тут:
Надеюсь, все было понятно и вы стали чуть больше шарить за аналитику =))