Gunakan aplikasi Pinterest untuk Shopify untuk menghubungkan toko Shopify ke akun bisnis Pinterest.
Anda hanya dapat menghubungkan toko Shopify Anda ke satu akun bisnis Pinterest dalam satu waktu. Jika Anda memiliki dua toko Shopify, silakan
Jika Anda telah menambahkan tag Pinterest ke Shopify secara manual atau menggunakan pihak ketiga lain untuk melakukannya, Anda harus
Sebelum dapat menghubungkan toko Shopify ke akun Pinterest, Anda harus:
Idealnya, Anda harus menggunakan browser Chrome di desktop untuk menghubungkan toko Shopify ke akun Pinterest.
Meskipun dimungkinkan untuk menambahkan tag Pinterest secara manual ke Shopify, kami tidak merekomendasikannya. Jika memungkinkan, ikuti langkah-langkah di atas untuk menghubungkan toko Anda dengan aplikasi Pinterest untuk Shopify agar tag Anda ditambahkan secara otomatis.
Menambahkan kode dasar
Kode dasar memungkinkan Anda untuk mengumpulkan data tentang berbagai peristiwa, seperti seseorang membeli produk atau menambahkan produk ke keranjang belanjanya. Kode dasar harus dipasang di semua halaman situs web Anda.
- Dari admin Shopify Anda, klik Toko Online, lalu Tema.
- Buka ke tema yang ingin Anda edit dan klik Tindakan, lalu Edit Kode
- Klik theme.liquid.
- Gulir hingga Anda melihat </head> dan tempelkan kode ini di atasnya:
<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>
- Ganti YOUR_TAG_ID dengan ID tag unik Anda sendiri. Untuk menemukan ID tag unik Anda, buka Manajer Iklan di Pinterest.
- Buka ringkasan pelacakan konversi Anda dan temukan bagian detail.
- Salin 13 digit nomor di bawah ID Tag dan tempelkan untuk menggantikan YOUR_TAG_ID di kode.
Menambahkan peristiwa Checkout
Setelah Anda menginstal kode dasar, Anda dapat menambahkan peristiwa yang berbeda untuk mengumpulkan data tambahan. Anda dapat menambahkan peristiwa Checkout untuk melacak kapan orang membeli produk dan menyelesaikan transaksi.
- Dari admin Shopify Anda, klik Pengaturan, lalu klik Checkout.
- Di bawah Skrip Halaman Status Pesanan, tempelkan kode pelacakan berikut ke dalam kotak teks. Jika sudah ada kode di kotak ini, tempel kode pelacakan Anda setelahnya:
{% 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 %}
- Ganti YOUR_TAG_ID dengan ID tag unik Anda sendiri. Untuk menemukan ID tag unik Anda, buka Manajer Iklan di Pinterest.
Menambahkan peristiwa AddToCart (opsional)
Setelah memasang kode dasar, Anda dapat menambahkan peristiwa yang berbeda untuk mengumpulkan data tambahan. Anda dapat menambahkan peristiwa AddToCart untuk melacak kapan orang menambahkan produk ke keranjang belanjanya.
Catatan: Pada sebagian tema dan widget Shopify, Anda tidak akan dapat menambahkan peristiwa AddToCart.
- Dari admin Shopify, klik Toko Online, lalu klik Tema.
- Di tema yang saat ini Anda gunakan, klik Tindakan dan Edit kode.
- Di bagian Templat, cari file kode bernama product.liquid product-template.liquid, atau product-form.liquid, lalu buka. Kode ini dapat bervariasi, bergantung pada tema yang Anda instal, tetapi umumnya kode tombol tambahkan ke tas ditemukan di file produk.liquid atau yang setara.
- Cari file untuk addtocart di file kode.
- Tempatkan kode berikut ini di akhir
tanda sisipan pada elemen <button> atau <input>:onclick = "pintrk ('Lacak', 'addtocart');"
- Klik Simpan di sudut kanan atas.
Jika Anda telah menginstal tag Pinterest secara manual dan sekarang ingin menggunakan aplikasi Pinterest untuk Shopify, Anda harus lebih dahulu menghapus tag yang diinstal secara manual. Pastikan untuk menghapus kode dasar, kode checkout, dan kode addtocart.
Menghapus kode dasar
- Dari admin Shopify, klik Toko Online, kemudian Tema
- Buka ke tema yang ingin Anda edit dan klik Tindakan, lalu Edit Kode
- Klik theme.liquid
- Gulir hingga Anda melihat </head> dan temukan kode ini:
<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>
Menghapus kode Checkout
- Dari admin Shopify Anda, klik Pengaturan, lalu klik Checkout.
- Di bagian Skrip Halaman Status Pesanan, temukan kode pelacakan berikut di kotak teks. Jika ada lebih banyak kode di kotak ini, pastikan untuk hanya menghapus bagian kode ini:
{% 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 %}
Menghapus kode AddToCart
- Dari admin Shopify, klik Toko Online, lalu Tema.
- Di tema saat ini yang Anda gunakan, klik Tindakan lalu Edit Kode.
- Di bawah Templat, cari file kode bernama product.liquid, atau product-template.liquid, atau product-form.liquid dan buka. Ini dapat bervariasi tergantung pada tema yang telah Anda instal, tetapi umumnya kode tombol tambahkan ke tas ditemukan di file produk.liquid atau yang setara.
- Cari file untuk addtocart.
- Temukan dan hapus kode berikut. Kode semestinya berada di tanda sisipan akhir elemen <button> atau <input>:
onclick = "pintrk ('Lacak', 'addtocart');"
- Klik Simpan di sudut kanan atas.