على الرغم من أنه من الممكن إضافة علامة Pinterest إلى Shopify يدويًا، فإننا لا نوصي بذلك. إذا أمكن، فاتبع الخطوات المذكورة أعلاه لربط متجرك بتطبيق Pinterest لـ Shopify بحيث تُضاف علامتك تلقائيًا.

إضافة الرمز الأساسي

يسمح لك الرمز الأساسي بجمع بيانات عن الأحداث ، مثل قيام شخص ما بشراء منتج أو إضافة منتج إلى سلة التسوق الخاصة به. يجب تثبيت الرمز الأساسي عبر جميع صفحات موقع الويب الخاص بك.

1. من مشرف Shopify الخاص بك، انقر فوق المتجر عبر الإنترنت، ثم السمات.
2. انتقل إلى النسق الذي تريد تعديله وانقر على الإجراءات، ثم على تعديل التعليمات البرمجية
3. انقر فوق theme.liquid.
4. قم بالتمرير حتى ترى < / الرأس > والصق هذا الرمز فوقه:

   <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 بمعرف العلامة الفريد الخاص بك. للعثور على معرف العلامة الفريد، افتح مدير الإعلانات في Pinterest.
6. انتقل إلى نظرة عامة على تتبع التحويل وابحث عن قسم التفاصيل.
7. انسخ الرقم المكون من 13 رقما أسفل معرف العلامة والصقه بدلا من YOUR_TAG_ID في الرمز.

إضافة حدث دفع

بعد تثبيت الرمز الأساسي، يمكنك إضافة أحداث مختلفة لجمع بيانات إضافية. يمكنك إضافة حدث الدفع لتتبع وقت شراء الأشخاص لمنتج وإكمال المعاملات.

1. من مشرف Shopify الخاص بك، انقر فوق الإعدادات ثم انقر فوق الخروج.
2. ضمن البرامج النصية لصفحة حالة الطلب، الصق رمز التتبع التالية في مربع النص. إذا كان هناك رمز بالفعل في هذا المربع، فالصق رمز التتبع بعدها:

   {% 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. استبدل YOUR_TAG_ID بمعرف العلامة الفريد الخاص بك. للعثور على معرف العلامة الفريد، افتح مدير الإعلانات في Pinterest.

إضافة حدث AddToCart (اختياري)

بعد تثبيت الرمز الأساسي، يمكنك اختياريًا إضافة أحداث مختلفة لجمع بيانات إضافية. يمكنك إضافة حدث AddToCart لتتبع الوقت الذي يضيف فيه الأشخاص منتجات إلى عربات التسوق الخاصة بهم.

ملاحظة: مع بعض Shopify السمات والأدوات، لن تتمكن من إضافة حدث 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. انقر على "حفظ" في الزاوية اليمنى العلوية.

إذا قمت بالفعل بتثبيت علامة Pinterest يدويًا وتريد الآن استخدام Pinterest لتطبيق Shopify بدلا من ذلك، يجب عليك إزالة العلامة المثبتة يدويًا أولًا. تأكد من إزالة الرمز الأساسي ورمز الدفع ورمز AddToCart.

إزالة الرمز الأساسي

1. من مسؤول Shopify، انقر فوق متجر عبر الإنترنت، ثم أشكال النسق​
2. انتقل إلى النسق الذي تريد تعديله وانقر على الإجراءات، ثم على تعديل التعليمات البرمجية
3. انقر فوق theme.liquid
4. قم بالتمرير حتى ترى < / الرأس > وابحث عن هذا الرمز:

   <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. في القسم البرامج النصية لصفحة حالة الطلب ، ابحث عن رمز التعقب التالي في مربع النص. إذا كان هناك المزيد من التعليمات البرمجية في هذا المربع، فتأكد من إزالة هذا الجزء فقط من التعليمة البرمجية:

   {% 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>
   
   <نص>
   pintrk('track', 'checkout',{
   القيمة: {{ total_price | money_without_currency }}, 
   العملة: '{{ العملة }}}',
   order_quantity: 1,
   order_id: {{ checkout.id }}
   });
   </السيناريو>
   <لا نص>
   <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. انقر على "حفظ" في الزاوية اليمنى العلوية.