Pinterest-Tag manuell zu Shopify hinzufügen

Falls du die Pinterest-App für Shopify nicht besitzt, erfährst du im Folgenden, wie du das Tag manuell installieren kannst.

Schritt 1: Base Code

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

  6. Die Tag-ID findest du, indem du zum Ads Manager navigierst und auf Anzeigen klickst. Suche dann nach Conversions und klicke auf Pinterest-Tag erstellen. Falls du bereits ein Pinterest-Tag erstellt hast, klicke auf den Titel, um seine eindeutige Tag-ID anzuzeigen.

  7. Wechsle zu deiner Conversion-Tracking-Übersicht, und suche den Abschnitt „Details“ heraus.

  8. Kopiere die unter Eindeutige Tag-ID stehende 13-stellige Zahlenfolge, und füge sie anstelle von YOUR_TAG_ID in den Code ein.

Schritt 2: Checkout-Code

  1. Klicke in der Shopify-Adminoberfläche auf Settings (Einstellungen) und dann auf Checkout.
  2. Suche unter Order processing (Bestellungsverarbeitung) nach dem Textfeld Additional scripts (Zusätzliche Skripte).

  3. Füge den folgenden Tracking-Code in das Textfeld ein. Ist in dem 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: 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 %}
    
    

     

  4. Ersetze YOUR_TAG_ID durch die eindeutige Tag-ID, die im Ads Manager generiert wurde.

Schritt 3: AddToCart-Code

  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 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, indem du Befehlstaste+F (Mac) bzw. STRG+F (PC) gedrückt hältst.

  5. Platziere den folgenden Code im abschließenden des Elements <button> oder des Elements <input>

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

     

  6. Klicke oben rechts auf Speichern.

 

Brauchst du immer noch Hilfe?
Kontakt