Uwaga! Wygląda na to, że czytasz ten artykuł w kraju, w którym aplikacja Shopify Pinterest nie jest jeszcze dostępna. Dowiedz się więcej

Skorzystaj z aplikacji Pinterest dla Shopify, aby połączyć sklep Shopify z kontem firmowym na Pintereście.

Sklep Shopify możesz połączyć tylko z jednym kontem firmowym na Pintereście. Jeśli masz dwa sklepy Shopify, skontaktuj się z nami.

Jeśli tag Pinteresta dodano już do Shopify ręcznie lub za pośrednictwem innej firmy zewnętrznej, przed użyciem aplikacji Pinterest dla Shopify musisz usunąć tag.

Korzyści
  • Twoja witryna zostanie potwierdzona na Pintereście.
  • Zainstalowany zostanie tag Pinteresta i API konwersji.
  • Twój wykaz produktów z Shopify zostanie połączony z Pinterestem.
  • Na podstawie wykazu produktów z Shopify wygenerowane zostaną Piny produktowe.
  • Po uruchomieniu pierwszej kampanii reklamowej na Pintereście otrzymasz 100 USD w środkach na reklamę.
  • Zanim zaczniesz

    Oto co musisz zrobić, zanim połączysz sklep Shopify z kontem na Pintereście:

  • Załóż konto firmowe na Pintereście
  • Tworzenie konta reklamodawcy
  • Najlepiej połączyć sklep Shopify z kontem na Pintereście, korzystając z przeglądarki Chrome na komputerze.

     

    Łączenie sklepu z aplikacją Pinterest dla Shopify
  • Zaloguj się na swoje konto Shopify.
  • Przejdź do aplikacji Pinterest na stronie Shopify App Store w Shopify.
  • Sprawdź uprawnienia. Jeśli wyrażasz na nie zgodę, kliknij Dodaj aplikację.
  • Postępuj zgodnie z instrukcjami na ekranie, aby dokończyć instalację aplikacji Pinterest dla Shopify.
  • Choć ręczne dodanie tagu Pinteresta do Shopify jest możliwe, nie zalecamy tego. Jeśli to możliwe, wykonaj powyższe kroki w celu połączenia swojego sklepu z aplikacją Pinterest dla Shopify, aby tag został dodany automatycznie.

    Dodawanie kodu podstawowego

    Kod podstawowy umożliwia gromadzenie danych dotyczących zdarzeń, takich jak zakup produktu lub dodanie produktu do koszyka. Kod podstawowy musi być zainstalowany na wszystkich stronach witryny.

    1. W trybie administratora w Shopify kliknij Sklep online, a następnie Szablony.​
    2. Przejdź do motywu, który chcesz edytować, i kliknij Czynności, a następnie Edytuj kod.
    3. Kliknij theme.liquid.
    4. Przewijaj w dół, aż trafisz na pozycję </head>, i wklej nad nią następujący kod:
      <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','IDENTYFIKATOR_TAGU', { em: '{{ customer.email }}', });
      pintrk('page');
      </script> 
      <noscript> 
      <img height="1" width="1" style="display:none;" alt=""
      src="https://ct.pinterest.com/v3/?tid=IDENTYFIKATOR_TAGU&noscript=1" /> 
      </noscript>
      
    5. Zastąp ciąg YOUR_TAG_ID unikatowym identyfikatorem tagu. Aby znaleźć unikatowy identyfikator tagu, otwórz Menedżera reklam na Pintereście.
    6. Przejdź do przeglądu śledzenia konwersji i znajdź sekcję informacji szczegółowych.
    7. Skopiuj 13-cyfrowy numer z obszaru Identyfikator tagu i wklej go zamiast ciągu IDENTYFIKATOR_TAGU w kodzie.

    Dodawanie zdarzenia Checkout

    Po zainstalowaniu kodu podstawowego możesz dodawać różne zdarzenia, aby gromadzić dodatkowe informacje. Możesz dodać zdarzenie Checkout (Przejście do kasy), aby śledzić, kiedy użytkownicy kupują produkty lub realizują transakcje.

    1. W trybie administratora w Shopify kliknij Ustawienia, a następnie Realizacja zakupu.
    2. W obszarze Skrypty strony statusu zamówienia wklej w polu tekstowym następujący kod śledzenia. Jeżeli w polu jest już jakiś kod, wklej kod śledzenia bezpośrednio po nim:
      {% 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','IDENTYFIKATOR_TAGU', { em: '{{ customer.email }}', }); 
      pintrk('page'); 
      </script> 
      <noscript> 
      <img height="1" width="1" style="display:none;" alt=""
      src="https://ct.pinterest.com/v3/?tid=IDENTYFIKATOR_TAGU&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=IDENTYFIKATOR_TAGU&event=checkout&noscript=1"/>
      </noscript>
      {% endif %}
    3. Zastąp ciąg YOUR_TAG_ID unikatowym identyfikatorem tagu. Aby znaleźć unikatowy identyfikator tagu, otwórz Menedżera reklam na Pintereście.

    Dodawanie zdarzenia AddToCart (opcjonalnie)

    Po zainstalowaniu kodu podstawowego możesz opcjonalnie dodać różne zdarzenia, aby gromadzić dodatkowe informacje. Możesz dodać zdarzenie AddToCart (Dodanie do koszyka), aby śledzić, kiedy użytkownicy dodają produkty do koszyka.

    Uwaga: w przypadku niektórych szablonów i widżetów Shopify dodanie zdarzenia AddToCart nie będzie możliwe.

    1. W trybie administratora w Shopify kliknij Sklep online, a następnie Szablony.
    2. W motywie, którego aktualnie używasz, kliknij Actions (Działania), a następnie Edit code (Edytuj kod)
    3. W obszarze Szablony wyszukaj pliki kodu o nazwach product.liquid, product-template.liquid lub product-form.liquid i otwórz je. Kod przycisku dodania do koszyka zazwyczaj znajduje się w pliku products.liquid lub podobnym, ale pamiętaj, że jego lokalizacja może się różnić w zależności od zainstalowanego motywu.
    4. Znajdź zdarzenie addtocart w pliku kodu.
    5. Wpisz poniższy kod przed końcowym symbolem karety w elemencie <button> lub <input>:
      onclick="pintrk('track', 'addtocart');"
    6. Kliknij Zapisz w prawym górnym rogu.

    Jeśli tag Pinteresta został już ręcznie zainstalowany, a teraz chcesz korzystać z aplikacji Pinterest dla Shopify, najpierw usuń tag zainstalowany ręcznie. Pamiętaj, aby usunąć kod podstawowy, kod zdarzenia checkout i kod zdarzenia addtocart.

    Usuwanie kodu podstawowego

    1. W trybie administratora w Shopify kliknij Online Store (Sklep internetowy), a następnie Themes (Motywy).​
    2. Przejdź do motywu, który chcesz edytować, i kliknij Czynności, a następnie Edytuj kod.
    3. Kliknij theme.liquid.
    4. Przewijaj w dół, aż trafisz na pozycję </head>, i poszukaj następującego kodu:
      <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','IDENTYFIKATOR_TAGU', { em: '{{ customer.email }}', });
      pintrk('page');
      </script> 
      <noscript> 
      <img height="1" width="1" style="display:none;" alt=""
      src="https://ct.pinterest.com/v3/?tid=IDENTYFIKATOR_TAGU&noscript=1" /> 
      </noscript>

    Usuwanie kodu zdarzenia Checkout

    1. W trybie administratora w Shopify kliknij Ustawienia, a następnie Realizacja zakupu.
    2. W obszarze Skrypty strony statusu zamówienia wyszukaj w polu tekstowym następujący kod śledzenia. Jeśli w polu jest więcej fragmentów kodu, pamiętaj, aby usunąć tylko tę jego część:
      {% 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','IDENTYFIKATOR_TAGU', { em: '{{ customer.email }}', }); 
      pintrk('page'); 
      </script> 
      <noscript> 
      <img height="1" width="1" style="display:none;" alt=""
      src="https://ct.pinterest.com/v3/?tid=IDENTYFIKATOR_TAGU&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=IDENTYFIKATOR_TAGU&event=checkout&noscript=1"/>
      </noscript>
      {% endif %}
      

    Usuwanie kodu zdarzenia AddToCart

    1. W trybie administratora w Shopify kliknij Sklep online, a następnie Szablony.​
    2. W szablonie, którego aktualnie używasz, kliknij Czynności, a następnie Edytuj kod.
    3. W obszarze Szablony wyszukaj pliki kodu o nazwach product.liquid, product-template.liquid, lub product-form.liquid i otwórz je. Kod przycisku dodania do koszyka zazwyczaj znajduje się w pliku products.liquid lub podobnym, ale pamiętaj, że jego lokalizacja może się różnić w zależności od zainstalowanego szablonu.
    4. W pliku znajdź zdarzenie addtocart.
    5. Znajdź i usuń poniższy kod. Powinien znajdować się przed końcowym symbolem karety w elemencie <button> lub <input>:
      onclick="pintrk('track', 'addtocart');"
      
    6. Kliknij Zapisz w prawym górnym rogu.
    End of Other articles Links
    User feedback
    Czy ten artykuł był pomocny?

    collection_fields

    Jak możemy ulepszyć ten artykuł?