1. Увійдіть у свій корпоративний обліковий запис Pinterest на комп’ютері.
2. Натисніть на значок гамбургера у верхньому лівому куті сторінки
3. У розділі Бізнес натисніть Конверсії. 
4. Натисніть Початок роботи.
5. Виберіть лише тег Pinterest і натисніть Продовжити.
6. Натисніть Пропустити в правому нижньому куті екрана.
7. Натисніть Перейти до налаштування вручну.
8. Скопіюйте базовий код і натисніть Продовжити.
9. Вирішіть, чи потрібно ввімкнути автоматичну розширену відповідність, а потім натисніть Продовжити.
10. Натисніть Копіювати код під сірим полем поряд із кодом події, який потрібно додати.
11. Відкрийте код сторінки вашого вебсайту, на якій потрібно відстежувати подію.
12. Вставте код події на сторінку, де вона має відбутися, обов'язково замінюючи всі значення, наведені для прикладу, на значення для вашого вебсайту. Тоді подія буде запускатися при кожному завантаженні сторінки.
13. Натисніть Готово.

Примітка. Якщо подія відбувається лише після певної дії на сторінці (наприклад, натискання кнопки або надсилання форми), потрібно переконатися, що код події спрацьовує лише в результаті цієї дії. Для цього необхідно розуміти принцип дії наявних обробників подій у коді 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" />

Дані події: відсутні

<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>

Повідомлена вартість: динамічна сума, указана під час оформлення відповідного замовлення.

Повідомлена кількість: динамічна кількість, указана під час оформлення відповідного замовлення.

Примітка. Налаштування динамічних значень кількості та вартості замовлення є унікальним для вашого вебсайту.

<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>

У цьому розділі містяться приклади всіх типів подій у повному форматі. Ви можете копіювати та розміщувати їх безпосередньо на своєму сайті. Кожен приклад містить дані про подію, необхідні для початку відстеження дій на вашому вебсайті. Зауважте, що вам необхідно замінити значення в прикладі відповідними статичними значеннями чи динамічними змінними для вашого вебсайту. Наприклад, ймовірно, ви захочете динамічно відстежувати вартість замовлення, оскільки вартість кожного замовлення, розміщеного на вашому вебсайті, змінюватиметься залежно від того, що купуватимуть люди. Однак ви можете призначити статичне значення даним події 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>