Додавання тегу Pinterest на BigCommerce

Схоже, ви перебуваєте в регіоні, у якому тег Pinterest ще не доступний. Перегляньте країни, у яких тег Pinterest доступний для облікових записів Pinterest Business.

Докладніше

BigCommerce — це платформа, яку можна використовувати для створення онлайн-магазину. Підключивши ваш магазин BigCommerce до тегу Pinterest, ви зможете побачити, як Pinterest збільшує трафік магазину та продажі товарів.

Додавання базового коду

Базовий код дає змогу збирати дані про події, наприклад про покупку товару або додавання його до кошика. Його потрібно встановлювати на всіх сторінках вебсайту.

В обліковому записі адміністратора BigCommerce натисніть пункт Вітрина, а потім виберіть Менеджер сценаріїв.

Натисніть Створити сценарій.

Заповніть форму, указавши наведені нижче дані.

Введіть базовий код Pinterest у полі Назва сценарію.
Введіть тег відстеження Pinterest у полі Опис.
Виберіть пункт Заголовок у полі Розміщення на сторінці.
Виберіть пункт Усі сторінки в полі Вибір сторінок для додавання коду.
Виберіть пункти Таргетинг; Реклама в полі Категорії сценаріїв.
Виберіть пункт Сценарій у полі Тип сценарію.

Вставте наведений нижче код у поле Код відстеження.

Перейдіть у розділ Служба управління рекламою, щоб отримати унікальний ідентифікатор вашого тегу. Натисніть Рекламні оголошення, виберіть пункт Конверсії та натисніть Почати під елементом Установити тег Pinterest.

Скопіюйте 13-значний номер під Ідентифікатором тегу і вставте його в поле Код відстеження.

Клацніть Зберегти.

<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','YOUR_TAG_ID', { em: '%%GLOBAL_BillingEmail%%', });

pintrk('page');

</script>

Додавання події оформлення замовлення

Після встановлення базового коду ви можете додавати різні події для збору додаткової інформації. Ви можете додати подію оформлення замовлення, щоб відстежувати покупку товарів і завершення транзакцій.

В обліковому записі адміністратора BigCommerce натисніть Розширені настройки, а потім — пункт Вебаналітика.

Установіть прапорець поряд із пунктом Відстеження партнерських конверсій, якщо його ще не було встановлено, і натисніть вкладку Відстеження партнерських конверсій.

Вставте наведений нижче код у поле Код відстеження конверсії, замінивши YOUR_TAG_ID своїм ідентифікатором тегу, взятим із розділу Служба управління рекламою. Якщо в цьому полі вже є код, вставте свій код після нього.

Клацніть Зберегти.

<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','YOUR_TAG_ID', { em: '%%GLOBAL_BillingEmail%%', });

pintrk('page');

</script>



<script>

pintrk('track', 'checkout',{

value: %%ORDER_AMOUNT%%,

order_quantity:1,

order_id: %%ORDER_ID%%

});

</script>

Додавання коду події додавання до кошика (необов’язково)

Після встановлення базового коду ви можете за бажанням додавати різні події для збору додаткової інформації. Код додавання до кошика означає, що ви можете відстежувати, коли користувачі додають товари до кошика.

В обліковому записі адміністратора BigCommerce натисніть Вітрина, а потім виберіть пункт Налаштувати. Коли відкриється інструмент для налаштування дизайну, натисніть Редагувати файли теми ліворуч. Докладну інформацію можна отримати в довідковій статті BigCommerce.

Відкривши редактор, знайдіть файли з кодами шаблонів товарів. Це можна зробити, наприклад, перейшовши в розділ Шаблони > Компоненти > Товари.

Знайдіть файл із назвою addtocalrt.html і переконайтеся, що він має суфікс типу файлу .html.

Відкривши файл addtocalrt.html, знайдіть код кнопки додавання до кошика.

Знайшовши фрагмент коду для кнопки, скопіюйте його унікальну частину.

Поверніться до редактора BigCommerce і знайдіть потрібний код у файлі.

Вставте наведений нижче код після <input>, щоб тег події додавання до кошика запускався щоразу, коли хтось додає товар до свого кошика.

onclick="pintrk('track', 'addtocart');"

Натисніть Зберегти файл у нижній частині редактора.

Після збереження файлу поверніться до спеціальної теми, яку ви нещодавно відредагували в інструменті для редагування дизайну.

Натисніть значок трикрапки й виберіть пункт Застосувати.

collection_fields