โปรดทราบ! ดูเหมือนว่าคุณดูบทความนี้จากประเทศที่ยังไม่มีให้บริการแอป Shopify Pinterest เรียนรู้เพิ่มเติม

คุณสามารถเชื่อมต่อบัญชี Shopify กับ Pinterest ของคุณเพื่อโปรโมตผลิตภัณฑ์ที่คุณขายอยู่บน Shopify ได้ คุณสามารถเชื่อมต่อบัญชีด้วยแอป Pinterest for Shopify หรือจะเพิ่มแท็ก Pinterest ลงใน Shopify ด้วยตนเองก็ได้

หากคุณมีแอป Pinterest for Shopify คุณสามารถติดตั้งแท็ก Pinterest ในแอปนั้นได้

  1. เข้าสู่ระบบบัญชี Shopify ของคุณ
  2. ไปที่แอป Pinterest บนหน้าของ Shopify ใน Shopify App Store
  3. ตรวจสอบสิทธิ์การใช้งาน และหากคุณยอมรับ ให้คลิกเพิ่มแอป
  4. ทำตามคำแนะนำบนหน้าจอเพื่อติดตั้งแอป Pinterest บน Shopify ให้เสร็จ

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

เพิ่มโค้ดฐาน

โค้ดฐานช่วยให้คุณรวบรวมข้อมูลเกี่ยวกับเหตุการณ์ เช่น เวลามีคนซื้อผลิตภัณฑ์หรือเพิ่มผลิตภัณฑ์ในตะกร้าสินค้า คุณต้องติดตั้งโค้ดฐานในทุกหน้าของเว็บไซต์

  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 แท็กที่ไม่ซ้ำของคุณเอง หากต้องการค้นหา ID แท็กที่ไม่ซ้ำนี้ ให้ไปที่ตัวจัดการโฆษณาบน Pinterest คลิกโฆษณา จากนั้นคลิกคอนเวอร์ชันและคลิกเริ่มต้นที่ด้านล่างติดตั้งแท็ก Pinterest หากคุณสร้างแท็ก Pinterest ไว้แล้ว คุณสามารถคลิกที่ชื่อเพื่อดู ID แท็กที่ไม่ซ้ำได้

  6. ไปที่ภาพรวมการติดตามคอนเวอร์ชันและดูที่ส่วนรายละเอียด

  7. คัดลอกตัวเลข 13 หลักด้านล่าง ID แท็ก และวางแทน YOUR_TAG_ID ในโค้ด

เพิ่มเหตุการณ์ชำระเงิน

หลังจากติดตั้งโค้ดฐานแล้ว คุณสามารถเพิ่มเหตุการณ์ต่างๆ เพื่อรวบรวมข้อมูลเพิ่มเติมได้ คุณสามารถเพิ่มเหตุการณ์ชำระเงินเพื่อติดตามเมื่อมีผู้ซื้อสินค้าและทำธุรกรรมเสร็จสมบูรณ์ได้

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

เพิ่มเหตุการณ์ AddToCart (ไม่บังคับ)

หลังจากที่ติดตั้งโค้ดฐานแล้ว คุณสามารถเลือกเพิ่มเหตุการณ์ต่างๆ เพื่อรวบรวมข้อมูลเพิ่มเติมได้ คุณสามารถเพิ่มเหตุการณ์ AddToCart เพื่อติดตามเมื่อมีคนเพิ่มสินค้าลงในตะกร้าสินค้า

หมายเหตุ: คุณอาจไม่สามารถเพิ่มกิจกรรม AddToCart หากใช้ธีมและวิดเจ็ต Shopify บางรายการ

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

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

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

  4. ค้นหา addtocart ในไฟล์โค้ด

  5. วางโค้ดต่อไปนี้ไว้ในเครื่องหมายคล้ายหัวลูกศรปิดขององค์ประกอบ <button> หรือ <input>

    onclick="pintrk('track', 'addtocart');"
  6. คลิกบันทึกที่มุมขวาบน

หากคุณติดตั้งแท็ก Pinterest ด้วยตนเองแล้วแต่ต้องการเปลี่ยนไปใช้แอป Shopify แทน คุณควรลบแท็กใดๆ ก็ตามที่คุณติดตั้งด้วยตนเองก่อนที่จะตั้งค่าแอป Shopify ตรวจสอบให้แน่ใจว่าได้ลบโค้ดฐาน โค้ดการชำระเงิน และโค้ด AddToCart คุณสามารถมีได้เพียงแท็กเดียวเท่านั้นในแต่ละบัญชี

ลบโค้ดฐาน

  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>

ลบโค้ดชำระเงิน

  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 %}
    

ลบโค้ด AddToCart

  1. จากส่วนผู้ดูแลระบบ Shopify ให้คลิกร้านค้าออนไลน์แล้วเลือกธีม
  2. ในธีมที่คุณกำลังใช้อยู่ปัจจุบัน คลิกการดำเนินการ จากนั้นแก้ไขโค้ด
  3. ในส่วนแม่แบบ ให้หาไฟล์โค้ดที่ชื่อ product.liquid หรือ product-template.liquid หรือ product-form.liquid แล้วเปิดขึ้นมา โปรดทราบว่าไฟล์นี้อาจแตกต่างกันไปตามธีมที่คุณติดตั้ง แต่ส่วนใหญ่แล้วคุณจะเห็นโค้ดปุ่มเพิ่มไปยังรถเข็นในไฟล์ products.liquid หรือไฟล์ที่เทียบเท่า
  4. ค้นหาสำหรับ addtocart ในไฟล์
  5. ค้นหาและลบโค้ดต่อไปนี้ ซึ่งน่าจะอยู่ต่อจากเครื่องหมายคล้ายหัวลูกศรปิดองค์ประกอบ <button> หรือ <input> onclick = "pintrk ('track', 'addtocart');"
  6. คลิกบันทึกที่มุมขวาบน
ขั้นตอนต่อไปคืออะไร
  • หากต้องการความช่วยเหลือเพิ่มเติม ลองทำตามขั้นตอนการแก้ปัญหาเหล่านี้
  • สร้างโฆษณาด้วย Shopify
  • วัดการเข้าถึงของคุณโดยใช้การวิเคราะห์ Shopify หรือการรายงานของตัวจัดการโฆษณา
  • End of Other articles Links
    ยังต้องการความช่วยเหลืออยู่ใช่ไหม ติดต่อเรา
    User feedback
    บทความนี้มีประโยชน์หรือไม่

    collection_fields

    เราจะต้องทำอย่างไรจึงจะปรับปรุงเนื้อหาในบทความนี้ให้ดีขึ้นได้?