Коди подій дають змогу оцінити вплив реклами в Pinterest на певні дії на сайті. Їх використовують для запуску кампаній з автоматичною оптимізацією конкретних подій, зокрема кампаній зі збільшення конверсій або рекламних оголошень із динамічним перенацілюванням. Крім того, вам знадобляться коди подій, щоб
Розмістивши
У таблиці нижче наведено перелік подій, які можна відстежувати за допомогою тегу Pinterest. Ви можете використовувати їх, щоб
Подія | Мета |
---|---|
Checkout | Відстеження виконання транзакцій. |
AddToCart | Відстеження додавання товарів до кошика. |
PageVisit | Відстеження переглядів основних сторінок, як-от сторінок товарів або статей. |
Signup | Відстеження реєстрації на товар або послугу. |
WatchVideo | Відстеження переглядів відео. |
Lead | Відстеження зацікавленості в товарі чи послузі. |
Пошук | Відстеження пошукових запитів на сайті (як-от пошук конкретного товару чи місцезнаходження магазину). |
ViewCategory | Відстеження переглядів сторінок категорій. |
Custom | Відстеження настроюваної події. Використовуйте цю назву для відстеження спеціальної події, яку необхідно включити у звітність про конверсію. |
[User-defined event] | Створіть будь-які додаткові події для таргетингу своєї аудиторії. Унікальні події не входять до звітів про конверсію. Пам’ятайте, що пробіли в назві настроюваних подій буде видалено після додавання до тегу. |
Залежно від типу рекламної кампанії, яку ви вирішили запустити, існують обов'язкові та рекомендовані події.
Типи кампаній | Обов'язкові події | Рекомендовані події | Дані обов'язкової події | Дані рекомендованої події |
---|---|---|---|---|
Впізнаваність бренда | Немає |
|
Немає | Розширена відповідність. |
Каталог продажів |
|
|
|
|
Розгляд | Немає |
|
Немає | Розширена відповідність. |
Конверсії |
Принаймні одне з наступних значень:
|
|
Немає |
|
Перегляди відео | Немає | Немає | Немає | Розширена відповідність. |
Залежно від того, які функції ви хочете використовувати, існують обов'язкові та рекомендовані події.
Функція | Обов'язкові події | Рекомендовані події | Дані обов'язкової події | Дані рекомендованої події |
---|---|---|---|---|
Показники конверсії |
|
Немає | currency | Немає |
Програма підтверджених продавців (VMP) |
|
Немає | currency | Немає |
Динамічний ретаргетинг |
|
Немає |
|
Немає |
Якщо ви вирішили налаштувати тег вручну, вам доведеться додати коди події до свого сайту самостійно. Нижче наведено кроки для тих, хто виконує налаштування вручну.
- Увійдіть у свій корпоративний обліковий запис Pinterest на комп’ютері.
- Натисніть на
значок гамбургера у верхньому лівому куті сторінки - У розділі Бізнес натисніть Конверсії.
- Натисніть Початок роботи.
- Виберіть лише тег Pinterest і натисніть Продовжити.
- Натисніть Пропустити в правому нижньому куті екрана.
- Натисніть Перейти до налаштування вручну.
- Скопіюйте базовий код і натисніть Продовжити.
- Вирішіть, чи потрібно ввімкнути автоматичну розширену відповідність, а потім натисніть Продовжити.
- Натисніть Копіювати код під сірим полем поряд із кодом події, який потрібно додати.
- Відкрийте код сторінки вашого вебсайту, на якій потрібно відстежувати подію.
- Вставте код події на сторінку, де вона має відбутися, обов'язково замінюючи всі значення, наведені для прикладу, на значення для вашого вебсайту. Тоді подія буде запускатися при кожному завантаженні сторінки.
- Натисніть Готово.
Примітка. Якщо подія відбувається лише після певної дії на сторінці (наприклад, натискання кнопки або надсилання форми), потрібно переконатися, що код події спрацьовує лише в результаті цієї дії. Для цього необхідно розуміти принцип дії наявних обробників подій у коді JavaScript на вашій сторінці.
Ви можете надати додаткову інформацію про подію, додавши об'єкт, що містить дані про неї. Усі дані події можна використовувати для таргетингу аудиторії, але для звітності про конверсію доступні лише дані події про value (вартість) і order_quantity (кількість).
Дані про події | Зразок | Тип |
---|---|---|
value | 100,00 | Число (ціле або з рухомою комою) |
event_id | eventId0001 |
Рядок (рядок ідентифікатора, що унікальним чином виявляє подію) Примітка. Цей ідентифікатор можна вказати в одному з полів з такими назвами (з урахуванням регістру): |
order_quantity | 1 | Ціле число |
order_id | 1234OrderID | Рядок (order_id (ідентифікатор замовлення) потрібен для аналізу конверсій і формування звітів) |
product_name | Черевики Parker | Масив line_items, рядок |
product_id | 1414 | Масив line_items, рядок |
product_category | Взуття | Масив line_items, рядок |
product_variant_id | 1414-Червоний | Масив line_items, рядок |
product_variant | Червоний | Масив line_items, рядок |
product_price | 99,99 | Число (ціле або з рухомою комою), масив line_items, рядок |
product_quantity | 1 | Ціле число, масив line_items, рядок |
product_brand | Parker | Масив line_items, рядок |
promo_code | WINTER10 | Рядок |
property | Athleta | Рядок |
search_query | черевики | Рядок |
video_title | Як зробити черевики Parker частиною вашого стилю | Рядок |
lead_type | Розсилка | Рядок |
currency | USD |
Одна з таких валют: AED, AMD, ARS, AUD, AZN, BAM, BGN, BHD, BMD, BND, BOB, BRL, BSD, CAD, CHF, CLP, CNY, COP, CRC, CZK, DKK, DOP, EGP, EUR, FJD, GBP, GEL, GIP, HKD, HNL, HRK, HUF, IDR, ILS, INR, ISK, JMD, JPY, KGS, KRW, KWD, KZT, MAD, MDL, MOP, MXN, MYR, NOK, NZD, OMR, PAB, PEN, PHP, PKR, PLN, QAR, RON, RSD, RUB, SAR, SEK, SGD, THB, TRY, TWD, UAH, USD, UYU, VND або ZAR. Примітка. Якщо вказати валюту з подіями із тегами, ми розрахуємо курс обміну відповідно до валюти вашого облікового запису рекламодавця. |
Тег IMG — це частина коду в тегу Pinterest, що виконує роль резервного тегу, коли JavaScript у браузері користувача вимкнено. Ми також рекомендуємо використовувати дані події в тегу IMG, оскільки це оптимізує таргетинг користувачів. Ви можете використовувати лише тег IMG без тегу JavaScript, але вам необхідно буде видалити з коду теги
Нижче наведено приклади кожного типу події. Ви можете копіювати та розміщувати їх безпосередньо на своєму вебсайті. Зауважте, що вам необхідно замінити значення в прикладі відповідними динамічними змінними для вашого вебсайту.
Checkout
<img height="1" width="1" style="display:none;" alt="" src="https://ct.pinterest.com/v3/?tid=YOUR_TAG_ID&event=checkout&ed[event_id]=YOUR_EVENT_ID&ed[value]=10.00&ed[order_quantity]=2&noscript=1" />
Дані подій: event_id (ідентифікатор), value (вартість), order_quantity (кількість) і currency (валюта)
Переконайтеся, що код валюти на вебсайті введено правильно.
AddToCart
<img height="1" width="1" style="display:none;" alt="" src="https://ct.pinterest.com/v3/?tid=YOUR_TAG_ID&event=AddToCart&ed[value]=10.00&ed[order_quantity]=2&noscript=1" />
Дані подій: value (вартість), order_quantity (кількість) і currency (валюта).
Переконайтеся, що код валюти на вебсайті введено правильно.
PageVisit
<img height="1" width="1" style="display:none;" alt="" src="https://ct.pinterest.com/v3/?tid=YOUR_TAG_ID&event=pagevisit&noscript=1" />
Дані події: відсутні
Signup
<img height="1" width="1" style="display:none;" alt="" src="https://ct.pinterest.com/v3/?tid=YOUR_TAG_ID&event=signup&noscript=1" />
Дані події: відсутні
WatchVideo
<img height="1" width="1" style="display:none;" alt="" src="https://ct.pinterest.com/v3/?tid=YOUR_TAG_ID&event=watchvideo&ed[video_title]=My+Product+Video+01&noscript=1" />
Дані події: video_title
Lead
<img height="1" width="1" style="display:none;" alt="" src="https://ct.pinterest.com/v3/?tid=YOUR_TAG_ID&event=lead&ed[lead_type]=Newsletter&noscript=1" />
Дані події: lead_type
Пошук
<img height="1" width="1" style="display:none;" alt="" src="https://ct.pinterest.com/v3/?tid=YOUR_TAG_ID&event=search&ed[search_query]=horse&noscript=1" />
Дані події: search_query (пошуковий запит)
ViewCategory
<img height="1" width="1" style="display:none;" alt="" src="https://ct.pinterest.com/v3/?tid=YOUR_TAG_ID&event=viewcategory&noscript=1" />
Дані події: відсутні
Custom
Тип події повинен мати назву custom, інакше конверсії, відстежені тегом, не відображатимуться в службі управління рекламою.
<img height="1" width="1" style="display:none;" alt="" src="https://ct.pinterest.com/v3/?tid=YOUR_TAG_ID&event=custom&noscript=1" />
Дані події: відсутні
Value (вартість) і order_quantity (кількість) — це два набори даних про події, які наразі доступні у звітах про платну та органічну конверсії. Якщо ви хочете додати вартість і кількість, ви можете передати їх динамічно. Динамічне значення може змінюватися відповідно до дій, виконаних на сайті. Якщо ви налаштуєте передачу значень value (вартість) і order_quantity (кількість), вони будуть унікальними для вашого вебсайту та способу обліку продажів. Вартість і кількість товарів у кожному замовленні, розміщеному на вашому вебсайті, зазвичай відрізняються.
<script>
pintrk('track', 'checkout', {
value: {{Enhanced Transaction Revenue}},
order_quantity: {{item.quantity}}
});
</script>
<noscript>
<img height="1" width="1" style="display:none;" alt="" src="https://ct.pinterest.com/v3/?tid=123456789&event=checkout&ed[value]={{Enhanced Transaction Revenue}}&ed[order_quantity]={{item.quantity}}&noscript=1" />
</noscript>
Повідомлена вартість: динамічна сума, указана під час оформлення відповідного замовлення.
Повідомлена кількість: динамічна кількість, указана під час оформлення відповідного замовлення.
Примітка. Налаштування динамічних значень кількості та вартості замовлення є унікальним для вашого вебсайту.
Крім даних про подію, ви можете передати функцію зворотного виклику JavaScript як необов’язковий аргумент функції pintrk(). Це надасть додаткову інформацію, якщо з тегом станеться помилка. Ви можете переглянути цю інформацію в інструменті для розробника. Ця функція зворотного виклику виконується за кожної активації відстеження події функцією pintrk().
Функція зворотного виклику приймає два аргументи:
function(didInit, error) {}
didInit: цей аргумент отримує логічне значення, яке встановлюється як істинне, якщо відстеження події успішно розпочато, і як хибне, якщо під час запуску відстеження події виникла помилка.
error: цей аргумент отримує рядок з описом помилки, якщо значення аргументу didInit хибне; якщо значення аргументу didInit істинне, цей рядок залишається невизначеним.
<script>
pintrk('track', 'checkout', {
value: 10.00,
order_quantity: 2,
currency: 'USD',
event_id: 'eventId0001',
line_items: [
{
product_name: 'Parker Boots',
product_id: '1414',
product_price: 5.00,
product_quantity: 1
},
{
product_name: 'Parker Sandals'
product_id: 'ABC',
product_price: 5.00,
product_quantity: 1
}
]
}, function(didInit, error) { if (!didInit) { console.log(error); }
});
</script>
Для відстеження конверсії та подальшого формування звітності ви маєте вибрати один із дев’яти типів подій у коді події. Крім того, необхідно замінити елемент YOUR_TAG_ID своїм ідентифікатором тегу конверсії Pinterest. Пам’ятайте, що окрім наведених нижче прикладів для кожної події можна додавати будь-яку комбінацію даних про події.
У цьому розділі містяться приклади всіх типів подій у повному форматі. Ви можете копіювати та розміщувати їх безпосередньо на своєму сайті. Кожен приклад містить дані про подію, необхідні для початку відстеження дій на вашому вебсайті. Зауважте, що вам необхідно замінити значення в прикладі відповідними статичними значеннями чи динамічними змінними для вашого вебсайту. Наприклад, ймовірно, ви захочете динамічно відстежувати вартість замовлення, оскільки вартість кожного замовлення, розміщеного на вашому вебсайті, змінюватиметься залежно від того, що купуватимуть люди. Однак ви можете призначити статичне значення даним події lead_type, якщо цю подію розміщено тільки на одній конкретній сторінці.
Checkout
<script>
pintrk('track', 'checkout', {
event_id: 'eventId0001',
value: 100,
order_quantity: 1,
currency: 'USD',
order_id: 'X-15148',
promo_code: 'WINTER10',
property: 'Athleta',
search_query: 'boots',
video_title: 'How to style your Parker Boots',
lead_type: 'Newsletter',
line_items: [
{
product_name: 'Parker Boots',
product_id: '1414',
product_category: 'Shoes',
product_variant_id: '1414-Red',
product_variant: 'Red',
product_price: 99.99,
product_quantity: 1,
product_brand: 'Parker'
}
]
});
</script>
Дані подій: value (вартість), order_quantity (кількість), валюта (currency) та event_id (ідентифікатор).
Переконайтеся, що код валюти на вебсайті введено правильно.
AddToCart
<script>
pintrk('track', 'addtocart', {
event_id: 'eventId0001',
value: 100,
order_quantity: 1,
currency: 'USD',
order_id: 'X-15148',
promo_code: 'WINTER10',
property: 'Athleta',
search_query: 'boots',
video_title: 'How to style your Parker Boots',
lead_type: 'Newsletter',
line_items: [
{
product_name: 'Parker Boots',
product_id: '1414',
product_category: 'Shoes',
product_variant_id: '1414-Red',
product_variant: 'Red',
product_price: 99.99,
product_quantity: 1,
product_brand: 'Parker'
}
]
});
</script>
Дані подій: value (вартість), order_quantity (кількість) і currency (валюта).
Переконайтеся, що код валюти на вебсайті введено правильно.
PageVisit
<script>
pintrk('track', 'pagevisit', {
event_id: 'eventId0001',
value: 100,
order_quantity: 1,
currency: 'USD',
order_id: 'X-15148',
promo_code: 'WINTER10',
property: 'Athleta',
search_query: 'boots',
video_title: 'How to style your Parker Boots',
lead_type: 'Newsletter',
line_items: [
{
product_name: 'Parker Boots',
product_id: '1414',
product_category: 'Shoes',
product_variant_id: '1414-Red',
product_variant: 'Red',
product_price: 99.99,
product_quantity: 1,
product_brand: 'Parker'
}
]
});
</script>
Signup
<script>
pintrk('track', 'signup', {
event_id: 'eventId0001',
value: 100,
order_quantity: 1,
currency: 'USD',
order_id: 'X-15148',
promo_code: 'WINTER10',
property: 'Athleta',
search_query: 'boots',
video_title: 'How to style your Parker Boots',
lead_type: 'Newsletter',
line_items: [
{
product_name: 'Parker Boots',
product_id: '1414',
product_category: 'Shoes',
product_variant_id: '1414-Red',
product_variant: 'Red',
product_price: 99.99,
product_quantity: 1,
product_brand: 'Parker'
}
]
});
</script>
WatchVideo
<script>
pintrk('track', 'watchvideo', {
event_id: 'eventId0001',
value: 100,
order_quantity: 1,
currency: 'USD',
order_id: 'X-15148',
promo_code: 'WINTER10',
property: 'Athleta',
search_query: 'boots',
video_title: 'How to style your Parker Boots',
lead_type: 'Newsletter',
line_items: [
{
product_name: 'Parker Boots',
product_id: '1414',
product_category: 'Shoes',
product_variant_id: '1414-Red',
product_variant: 'Red',
product_price: 99.99,
product_quantity: 1,
product_brand: 'Parker'
}
]
});
</script>
Дані події: Video_title
Lead
<script>
pintrk('track', 'lead', {
event_id: 'eventId0001',
value: 100,
order_quantity: 1,
currency: 'USD',
order_id: 'X-15148',
promo_code: 'WINTER10',
property: 'Athleta',
search_query: 'boots',
video_title: 'How to style your Parker Boots',
lead_type: 'Newsletter',
line_items: [
{
product_name: 'Parker Boots',
product_id: '1414',
product_category: 'Shoes',
product_variant_id: '1414-Red',
product_variant: 'Red',
product_price: 99.99,
product_quantity: 1,
product_brand: 'Parker'
}
]
});
</script>
Дані події: lead_type
Пошук
<script>
pintrk('track', 'search', {
event_id: 'eventId0001',
value: 100,
order_quantity: 1,
currency: 'USD',
order_id: 'X-15148',
promo_code: 'WINTER10',
property: 'Athleta',
search_query: 'boots',
video_title: 'How to style your Parker Boots',
lead_type: 'Newsletter',
line_items: [
{
product_name: 'Parker Boots',
product_id: '1414',
product_category: 'Shoes',
product_variant_id: '1414-Red',
product_variant: 'Red',
product_price: 99.99,
product_quantity: 1,
product_brand: 'Parker'
}
]
});
</script>
Дані події: search_query (пошуковий запит)
ViewCategory
<script>
pintrk('track', 'viewcategory', {
event_id: 'eventId0001',
value: 100,
order_quantity: 1,
currency: 'USD',
order_id: 'X-15148',
promo_code: 'WINTER10',
property: 'Athleta',
search_query: 'boots',
video_title: 'How to style your Parker Boots',
lead_type: 'Newsletter',
line_items: [
{
product_name: 'Parker Boots',
product_id: '1414',
product_category: 'Shoes',
product_variant_id: '1414-Red',
product_variant: 'Red',
product_price: 99.99,
product_quantity: 1,
product_brand: 'Parker'
}
]
});
</script>
Події, що визначаються користувачем
<script>
pintrk('track', 'user_defined_event_name', {
event_id: 'eventId0001',
value: 100,
order_quantity: 1,
currency: 'USD',
order_id: 'X-15148',
promo_code: 'WINTER10',
property: 'Athleta',
search_query: 'boots',
video_title: 'How to style your Parker Boots',
lead_type: 'Newsletter',
line_items: [
{
product_name: 'Parker Boots',
product_id: '1414',
product_category: 'Shoes',
product_variant_id: '1414-Red',
product_variant: 'Red',
product_price: 99.99,
product_quantity: 1,
product_brand: 'Parker'
}
]
});
</script>
Custom
Тип події повинен мати назву custom, інакше конверсії, відстежені тегом, не відображатимуться в службі управління рекламою.
<script>
pintrk('track', 'custom', {
event_id: 'eventId0001',
value: 100,
order_quantity: 1,
currency: 'USD',
order_id: 'X-15148',
promo_code: 'WINTER10',
property: 'Athleta',
search_query: 'boots',
video_title: 'How to style your Parker Boots',
lead_type: 'Newsletter',
line_items: [
{
product_name: 'Parker Boots',
product_id: '1414',
product_category: 'Shoes',
product_variant_id: '1414-Red',
product_variant: 'Red',
product_price: 99.99,
product_quantity: 1,
product_brand: 'Parker'
}
]
});
</script>
Нижче наведено кілька прикладів базових кодів у поєднанні з кодами подій. Переконайтеся, що на вашому вебсайті код події розміщено після базового коду.
Приклад ідентифікатора тегу конверсії: 123456789 (замініть своїм ідентифікатором тегу конверсії Pinterest)
Приклад коду події: PageVisit
<head>
<script type="text/javascript">
!function(e){if(!window.pintrk){window.pintrk=function(){window.pintrk.queue.push(
Array.prototype.slice.call(arguments))};var
n=window.pintrk;n.queue=[],n.version="3.0";var
t=document.createElement("script");t.async=!0,t.src=e;var
r=document.getElementsByTagName("script")[0];r.parentNode.insertBefore(t,r)}}
("https://s.pinimg.com/ct/core.js"); pintrk('load', '123456789'); pintrk('page');
</script>
<noscript>
<img height="1" width="1" style="display:none;" alt="" src="https://ct.pinterest.com/v3/?tid=123456789&noscript=1" />
</noscript>
<script>
pintrk('track', 'pagevisit');
</script>
<noscript>
<img height="1" width="1" style="display:none;" alt="" src="https://ct.pinterest.com/v3/?tid=123456789&event=pagevisit&noscript=1" />
</noscript>
</head>
Приклад ідентифікатора тегу конверсії: 123456789 (замініть своїм ідентифікатором тегу конверсії Pinterest)
Приклад кодів подій: PageVisit і AddToCart
<head>
<script type="text/javascript">
!function(e){if(!window.pintrk){window.pintrk=function(){window.pintrk.queue.push(
Array.prototype.slice.call(arguments))};var
n=window.pintrk;n.queue=[],n.version="3.0";var
t=document.createElement("script");t.async=!0,t.src=e;var
r=document.getElementsByTagName("script")[0];r.parentNode.insertBefore(t,r)}}
("https://s.pinimg.com/ct/core.js"); pintrk('load', '123456789'); pintrk('page');
</script>
<noscript>
<img height="1" width="1" style="display:none;" alt="" src="https://ct.pinterest.com/v3/?tid=123456789&noscript=1" />
</noscript>
<script>
pintrk('track', 'pagevisit');
pintrk('track', 'addtocart');
</script>
<noscript>
<img height="1" width="1" style="display:none;" alt="" src="https://ct.pinterest.com/v3/?tid=123456789&event=pagevisit&noscript=1" />
<img height="1" width="1" style="display:none;" alt="" src="https://ct.pinterest.com/v3/?tid=123456789&event=addtocart&noscript=1" />
</noscript>
</head>