เพิ่มแท็ก Pinterest ไปยัง Shopify ด้วยตนเอง

หากคุณไม่มีแอป Pinterest สำหรับ Shopify คุณสามารถติดตั้งแท็กด้วยตนเองได้ตามคำแนะนำเหล่านี้

ขั้นตอนที่ 1: โค้ดพื้นฐาน

  1. จากส่วนผู้ดูแลระบบใน Shopify ให้คลิกร้านค้าออนไลน์แล้วเลือกธีม

  2. ไปยังธีมที่คุณต้องการแก้ไขแล้วคลิก การดำเนินการ แล้วเลือก แก้ไขรหัส

  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 ด้วย ID แท็กที่ไม่ซ้ำกันของคุณเอง

  6. ซึ่งหาได้โดยไปที่ตัวจัดการโฆษณาและคลิกโฆษณา จากนั้นค้นหาคอนเวอร์ชันและคลิกสร้างแท็ก Pinterest (หากสร้างไว้แล้ว คุณก็สามารถคลิกชื่อเพื่อดู ID แท็กที่ไม่ซ้ำกันได้)

  7. ไปยังภาพรวมการติดตามพฤติกรรมและดูที่หมวดรายละเอียด

  8. คัดลอกเลข 13 หลักใต้ ID แท็กที่ไม่ซ้ำกันและวางเลขนั้นแทนที่ YOUR_TAG_ID ในโค้ด

ขั้นตอนที่ 2: โค้ดการชำระเงิน

  1. จากส่วนผู้ดูแลระบบ Shopify โปรดคลิก การตั้งค่า และเลือก ชำระเงิน
  2. ในส่วนกระบวนการสั่งซื้อ ให้หากล่องข้อความสคริปต์เพิ่มเติม

  3. วางโค้ดการติดตามต่อไปนี้ลงในกล่องข้อความ และหากมีโค้ดอยู่ในกล่องอยู่แล้ว ให้วางโค้ดการติดตามของคุณต่อท้าย

    {{% 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. อย่าลืมแทนที่ YOUR_TAG_ID ด้วย ID แท็กที่ไม่ซ้ำกันที่ได้สร้างไว้แล้วในตัวจัดการโฆษณา

ขั้นตอนที่ 3: โค้ดการเพิ่มสินค้าลงตระกร้า

  1. จากส่วนผู้ดูแลระบบ Shopify โปรดคลิก ร้านค้าออนไลน์ และเลือก ธีม

  2. ในธีมที่คุณกำลังใช้อยู่ปัจจุบัน โปรดคลิก การดำเนินการ และ แก้ไขโค้ด

  3. ในส่วนเทมเพลต ให้หาไฟล์โค้ดที่ชื่อ product.liquid หรือ product-template.liquid หรือ product-form.liquid และเปิดไฟล์ขึ้นมา โปรดทราบว่าไฟล์นี้อาจแตกต่างกันไปตามธีมที่คุณติดตั้ง แต่ส่วนใหญ่แล้วคุณจะเห็นโค้ดปุ่มเพิ่มไปยังรถเข็นในไฟล์ products.liquid หรือไฟล์ที่เทียบเท่า

  4. ค้นหา addtocart ในไฟล์โดยกด command+f ค้างไว้สำหรับ Mac และ control+f สำหรับ PC

  5. วางโค้ดต่อไปนี้ลงในท้ายองค์ประกอบ <button> หรือ <input>

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

     

  6. คลิก บันทึก ที่มุมขวาบน

 

ยังต้องการความช่วยเหลืออยู่ใช่ไหม
ติดต่อเรา