Achtung! Anscheinend siehst du diesen Artikel in einem Land an, in der die Pinterest-App von Shopify noch nicht verfügbar ist. Mehr dazu

Verwende die Pinterest-App für Shopify, um deinen Shopify-Shop mit deinem Pinterest-Unternehmenskonto zu verknüpfen.

Du kannst deinen Shopify-Shop nur mit jeweils einem Pinterest-Unternehmenskonto verknüpfen. Wenn du über zwei Shopify-Shops verfügst, wende dich an uns.

Falls du das Pinterest-Tag bereits manuell zu Shopify hinzugefügt oder dafür eine andere Drittpartei verwendet hast, musst du das Tag entfernen, bevor du die Pinterest-App für Shopify verwendest.

Vorteile
  • Deine Webseite wird auf Pinterest verifiziert.
  • Das Pinterest-Tag und die API für Conversions werden installiert.
  • Dein Shopify-Produktfeed wird mit Pinterest verknüpft.
  • Produkt-Pins werden aus deinem Shopify-Produktfeed generiert.
  • Du erhältst ein Anzeigenguthaben von 100 USD, wenn du deine erste Anzeigenkampagne auf Pinterest startest.
  • Bevor du anfängst

    Bevor du deinen Shopify-Shop mit deinem Pinterest-Konto verknüpfen kannst, musst du Folgendes durchführen:

  • Erstelle ein Pinterest-Unternehmensprofil
  • Erstell ein Werbekundenkonto
  • Idealerweise verbindest du deinen Shopify-Shop in einem Chrome-Browser auf deinem Desktopgerät mit deinem Pinterest-Konto.

    Konten mit der Pinterest-App für Shopify verknüpfen
  • Melde dich bei deinem Shopify-Konto an.
  • Wechsle zur Pinterest-App auf der Seite von Shopify im Shopify App Store.
  • Prüfe die Berechtigungen, und falls du zustimmst, klicke auf Add App (App hinzufügen).
  • Folge den Anweisungen auf dem Bildschirm, um die Installation der Pinterest-App auf Shopify abzuschließen.
  • Es ist zwar möglich, das Pinterest-Tag manuell zu Shopify hinzuzufügen, wir empfehlen dies jedoch nicht. Halte dich wo möglich an die oben genannten Schritte, um deinen Shop mit der Pinterest-App für Shopify zu verknüpfen, damit dein Tag automatisch hinzugefügt wird.

    Base Code hinzufügen

    Der Base Code ermöglicht dir, Daten zu Events zu erfassen, wie beispielsweise dass jemand ein Produkt kauft oder es in den Warenkorb legt. Der Base Code muss auf allen Seiten deiner Webseite installiert sein.

    1. Klicke in der Shopify-Adminoberfläche auf Online Store (Onlineshop) und dann auf Themes (Designs).
    2. Wechsle zu dem Design, das du ändern möchtest, und klicke auf Actions (Aktionen) und dann auf Edit Code (Code bearbeiten).
    3. Klicke auf theme.liquid.
    4. Scrolle nach unten bis zu </head> und füge darüber folgenden Code ein:
      <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. Ersetze YOUR_TAG_ID durch deine eigene eindeutige Tag-ID. Deine eindeutige Tag-ID findest du auf Pinterest im Ads Manager.
    6. Wechsle zu deiner Conversion-Tracking-Übersicht, und suche den Abschnitt „Details“ heraus.
    7. Kopiere die unter Tag-ID stehende 13-stellige Zahlenfolge und füge sie anstelle von YOUR_TAG_ID in den Code ein.

    Checkout-Event hinzufügen

    Nach der Installation des Base Code kannst du verschiedene Events hinzufügen, um zusätzliche Daten zu erfassen. Du kannst das Checkout-Event hinzufügen, um zu erfassen, wann Nutzer ein Produkt kaufen und Transaktionen abschließen.

    1. Klicke in der Shopify-Adminoberfläche auf Settings (Einstellungen) und dann auf Checkout.
    2. Füge unter den Skripten der Bestellstatusseite folgenden Tracking-Code in das Textfeld ein. Ist im Textfeld bereits Code vorhanden, füge deinen Tracking-Code danach ein:
      {% 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. Ersetze YOUR_TAG_ID durch deine eigene eindeutige Tag-ID. Deine eindeutige Tag-ID findest du auf Pinterest im Ads Manager.

    AddToCart-Event hinzufügen (optional)

    Nach der Installation des Base Code kannst du optional verschiedene Events hinzufügen, um zusätzliche Daten zu erfassen. Du kannst das AddToCart-Event hinzufügen, um zu erfassen, wann Nutzer Produkte zum Warenkorb hinzufügen.

    Hinweis: Bei einigen Shopify-Designs und -Widgets ist es nicht möglich, AddToCart-Events hinzuzufügen.

    1. Klicke in der Shopify-Adminoberfläche auf Online Store (Onlineshop) und dann auf Themes (Designs).
    2. Klicke im derzeit verwendeten Design auf Actions (Aktionen) und Edit code (Code bearbeiten).
    3. Suche unter Vorlagen" nach Codedateien namens product.liquid product-template.liquid, oder product-form.liquid und öffne sie. Dies hängt vom installierten Theme ab, aber meist befindet sich der Code für „In den Warenkorb legen“ in der Datei „products.liquid“ oder einer ähnlichen Datei.
    4. Durchsuche die Codedatei nach addtocart.
    5. Platziere den folgenden Code im abschließenden Caret des Elements <button> oder des Elements <input>:
      onclick="pintrk('track', 'addtocart');"
    6. Klicke oben rechts auf Speichern.

    Falls du das Pinterest-Tag bereits manuell installiert hast, jetzt aber auf die Pinterest-App für Shopify umsteigen möchtest, musst du zunächst das manuell installierte Tag entfernen. Dazu gehören außerdem der Base Code, der Checkout-Code und der AddToCart-Code.

    Base Code entfernen

    1. Klicke in der Shopify-Adminoberfläche auf Online Store (Onlineshop) und dann auf Themes (Designs).​
    2. Wechsle zu dem Design, das du ändern möchtest, und klicke auf Actions (Aktionen) und dann auf Edit Code (Code bearbeiten).
    3. Klicke auf theme.liquid.
    4. Scrolle nach unten bis zu </head> und suche nach diesem Code:
      <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>

    Checkout-Code entfernen

    1. Klicke in der Shopify-Adminoberfläche auf Settings (Einstellungen) und dann auf Checkout.
    2. Suche im Abschnitt Order Status Page Scripts im Textfeld nach dem folgenden Tracking-Code. Falls sich in dem Textfeld noch weiterer Code befindet, achte darauf, dass du wirklich nur diesen Code entfernst:
      {% 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 %}
      

    AddToCart-Code entfernen

    1. Klicke in der Shopify-Adminoberfläche auf Online Store (Onlineshop) und dann auf Themes (Designs).
    2. Klicke im derzeit verwendeten Design auf Actions (Aktionen) und dann auf Edit code (Code bearbeiten).
    3. Suche unter Vorlagen nach Codedateien namens product.liquid, product-template.liquid oder product-form.liquid und öffne sie. Dies hängt von dem Design ab, das installiert ist, aber meist befindet sich der Code für den AddToCart-Button in der Datei „products.liquid“ oder einem Äquivalent.
    4. Durchsuche die Datei nach addtocart.
    5. Suche nach dem folgenden Code und entferne ihn. Er sollte sich im abschließenden Caret des Elements <button> oder des Elements <input> befinden:
      onclick="pintrk('track', 'addtocart');"
      
    6. Klicke oben rechts auf Speichern.
    End of Other articles Links
    User feedback
    War dieser Artikel hilfreich?

    collection_fields

    Wie können wir diesen Artikel verbessern?