Попередження! Схоже, ви відкрили цю статтю в країні, де додаток Shopify Pinterest ще не доступний. Докладніше

Використовуйте додаток Pinterest для Shopify, щоб під'єднати магазин Shopify до корпоративного облікового запису Pinterest.

Ви можете під'єднати свій магазин Shopify лише до одного корпоративного облікового запису Pinterest. Якщо у вас є два магазини Shopify, зв'яжіться з нами.

Якщо ви вже додали тег Pinterest до Shopify вручну або скористалися послугами третьої сторони, вам доведеться видалити тег, перш ніж ви зможете користуватися додатком Pinterest для Shopify.

Переваги
  • Ваш сайт буде підтверджено в Pinterest
  • Буде встановлено тег Pinterest і API для конверсій
  • Вашу стрічку товарів Shopify буде під'єднано до Pinterest
  • Товарні піни будуть створені на основі вашої стрічки товарів Shopify
  • Після запуску першої рекламної кампанії у Pinterest ви отримаєте кредит на рекламу в розмірі 100 дол. США
  • Перші кроки

    Перш ніж під'єднати магазин Shopify до облікового запису Pinterest, вам потрібно виконати такі дії:

  • Створення корпоративного облікового запису Pinterest
  • Створення облікового запису рекламодавця
  • Для під'єднання магазину Shopify до облікового запису Pinterest найкраще використовувати браузер Chrome на комп'ютері.

     

    Під'єднання магазину за допомогою додатка Pinterest для Shopify
  • Увійдіть в обліковий запис Shopify.
  • Перейдіть до додатка Pinterest на сторінці Shopify у Магазині Shopify.
  • Перегляньте дозволи й натисніть Додати додаток, якщо ви згодні з усіма пунктами.
  • Для завершення інсталяції додатка Pinterest на Shopify виконайте вказівки на екрані.
  • Попри те, що тег Pinterest можна додати до Shopify вручну, ми не рекомендуємо цього робити. За можливості, виконайте кроки, наведені вище, щоб під'єднати свій магазин до додатка Pinterest для Shopify, і ваш тег буде додано автоматично.

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

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

    1. В обліковому записі адміністратора Shopify натисніть Online Store (Онлайн-магазин), а потім — Themes (Теми).
    2. Відкрийте тему, яку потрібно редагувати, і натисніть Actions (Дії), а потім — Edit Code (Змінити код).
    3. Натисніть елемент theme.liquid.
    4. Прокрутіть сторінку вниз до фрагмента </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','YOUR_TAG_ID', { em: '{{ customer.email }}', }); 
      pintrk('page'); 
      </script> 
      <noscript> 
      <img height="1" width="1" style="display:none;" alt=""
      src="https://ct.pinterest.com/v3/?tid=YOUR_TAG_ID&noscript=1" /> 
      </noscript>
      
    5. Замініть значення YOUR_TAG_ID унікальним ідентифікатором вашого тегу. Щоб його знайти, відкрийте службу управління рекламою у Pinterest.
    6. Перейдіть до панелі відстежування конверсії та знайдіть розділ із докладними відомостями.
    7. Скопіюйте 13-значний номер під Ідентифікатором тегу і вставте його замість значення YOUR_TAG_ID у коді.

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

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

    1. В обліковому записі адміністратора Shopify натисніть Settings (Налаштування), а потім — Checkout (Оформлення замовлення).
    2. У текстовому полі розділу сценаріїв для сторінки статусу замовлення вставте наведений нижче код відстеження. Якщо в цьому полі вже є код, вставте свій код після нього:
      {% if first_time_accessed %}
      <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: '{{ customer.email }}', }); 
      pintrk('page'); 
      </script> 
      <noscript> 
      <img height="1" width="1" style="display:none;" alt=""
      src="https://ct.pinterest.com/v3/?tid=YOUR_TAG_ID&noscript=1" /> 
      </noscript>
      
      <script>
      pintrk('track', 'checkout',{
      value: {{ total_price }} / 100,
      currency: '{{ currency }}',
      order_quantity: 2,
      event_id: '{{ event_id }}',
      line_items: [
           {
             product_name: '{{ product_name_1 }}',
             product_id: '{{ product_id_1 }}',
             product_price: {{ product_price_1 }},
             product_quantity: 1
           },
           {
             product_name: '{{ product_name_2 }}',
             product_id: '{{ product_id_2 }}',
             product_price: {{ product_price_2 }},
             product_quantity: 1
           },
         ],
      order_id: {{ checkout.order_id }}
      });
      </script>
      <noscript>
      <img height="1" width="1" style="display:none;" alt=""
      src="https://ct.pinterest.com/v3/?tid=YOUR_TAG_ID&event=checkout&noscript=1"/>
      </noscript>
      {% endif %}
    3. Замініть значення YOUR_TAG_ID унікальним ідентифікатором вашого тегу. Щоб його знайти, відкрийте службу управління рекламою у Pinterest.

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

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

    Примітка: для деяких тем і віджетів Shopify не можна додати подію додавання до кошика.

    1. В обліковому записі адміністратора Shopify натисніть Online Store (Онлайн-магазин), а потім — Themes (Теми).
    2. У своїй поточній темі натисніть Actions (Дії) і Edit code (Змінити код).
    3. У розділі Шаблони знайдіть файли кодів із назвою product.liquid, product-template.liquid, або product-form.liquid і відкрийте його. Файли можуть відрізнятися залежно від установленої теми, але зазвичай код кнопки додавання до кошика міститься у файлі products.liquid або подібному до нього.
    4. Знайдіть у файлі коду файл addtocart.
    5. Вставте наступний код перед кінцевим символом елемента <button> або <input>:
      onclick="pintrk('track', 'addtocart');"
    6. Натисніть Зберегти у правому верхньому куті.

    Якщо ви вже встановили тег Pinterest вручну та натомість хочете використовувати додаток Pinterest для Shopify, спочатку видаліть тег, встановлений вручну. Обов’язково видаліть базовий код, код оформлення замовлення та код додавання до кошика.

    Видалення базового коду

    1. В обліковому записі адміністратора Shopify натисніть Online Store (Онлайн-магазин), а потім — Themes (Теми).​
    2. Відкрийте тему, яку потрібно редагувати, і натисніть Actions (Дії), а потім — Edit Code (Змінити код).
    3. Натисніть елемент theme.liquid.
    4. Прокрутіть вниз до фрагмента </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','YOUR_TAG_ID', { em: '{{ customer.email }}', }); 
      pintrk('page'); 
      </script> 
      <noscript> 
      <img height="1" width="1" style="display:none;" alt=""
      src="https://ct.pinterest.com/v3/?tid=YOUR_TAG_ID&noscript=1" /> 
      </noscript>

    Видалення коду оформлення замовлення

    1. В обліковому записі адміністратора Shopify натисніть Settings (Налаштування), а потім — Checkout (Оформлення замовлення).
    2. У текстовому полі розділу сценаріїв для сторінки статусу замовлення знайдіть наведений нижче код відстеження. Якщо в полі є інша частина коду, видаліть лише наведену нижче частину:
      {% if first_time_accessed %}
      <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: '{{ customer.email }}', }); 
      pintrk('page'); 
      </script> 
      <noscript> 
      <img height="1" width="1" style="display:none;" alt=""
      src="https://ct.pinterest.com/v3/?tid=YOUR_TAG_ID&noscript=1" /> 
      </noscript>
      
      <script>
      pintrk('track', 'checkout',{
      value: {{ total_price | money_without_currency }}, 
      currency: '{{ currency }}',
      order_quantity: 1,
      order_id: {{ checkout.id }}
      });
      </script>
      <noscript>
      <img height="1" width="1" style="display:none;" alt=""
      src="https://ct.pinterest.com/v3/?tid=YOUR_TAG_ID&event=checkout&noscript=1"/>
      </noscript>
      {% endif %}
      

    Видалення коду додавання до кошика

    1. У обліковому записі адміністратора Shopify натисніть Онлайн-магазин, а потім — Теми​.
    2. У своїй поточній темі натисніть Actions (Дії), а потім — Edit code (Змінити код).
    3. У розділі Templates (Шаблони) знайдіть файл коду з назвою product.liquid, product-template.liquid або product-form.liquid і відкрийте його. Файли можуть відрізнятися залежно від установленої теми, але зазвичай код кнопки додавання до кошика міститься у файлі products.liquid або подібному.
    4. Знайдіть у файлі елемент addtocart.
    5. Знайдіть і видаліть код, наведений нижче. Він повинен міститися в кінцевому символі елементів <button> або <input>:
      onclick="pintrk('track', 'addtocart');"
      
    6. Натисніть Зберегти у правому верхньому куті.
    End of Other articles Links
    User feedback
    Чи була ця стаття корисна?

    collection_fields

    Як ми можемо покращити цю статтю?