الخطوات
- 1
أنشئ حاوية في tagmanager.google.com باسم نطاق متجرك واختر Web، وانسخ رقمها الذي يبدأ بـ GTM-.
- 2
في لوحة سلة ثبّت تطبيق Google Tags Manager، وافتح «خيارات التطبيق»، والصق الرقم في تبويب «بيانات الربط»، واضغط «حفظ».
- 3
في تجربة افتح «التركيب في متجرك» واختر «سلة: عبر Google Tag Manager»، وانسخ الوسم.
- 4
في Tag Manager: Tags ثم New، ثم Tag Configuration واختر Custom HTML والصق الوسم، ثم Triggering واختر All Pages، واحفظ.
- 5
اضغط Submit ثم Publish. ما لم تنشر الحاوية لا يصل شيء إلى متجرك.
- 6
الصق رابط صفحة منتج في «تحقّق من التركيب»، ونخبرك إن كان الوسم منشورًا وهل زر المنتج ظاهر.
تفاصيل
الوسم لا يعمل إلا في صفحات المنتجات: يعرف المنتج من رابط صفحته في سلة (الذي ينتهي بـ /p ورقم المنتج)، ويضع الزر تحت صورة المنتج (أو تحت خياراته فوق «أضف للسلة»، كما تختار). تفتح التجربة في نافذة فوق صفحة المنتج نفسها، في أسفلها اسم المنتج وسعره وزر «أضف للسلة» — زر متجرك نفسه، فخيارات المنتج والسلة تعمل كما هي. في أي صفحة أخرى لا يفعل شيئًا.
نتعرّف على صفحة كل منتج من رابطه في ملف منتجاتك، فاستورد منتجاتك من رابط ملف المنتجات أولًا. الزر يظهر على المنتجات التي نشرتها فقط، وما تنشره لاحقًا يظهر زره تلقائيًا دون أي تعديل في الوسم.
تقول سلة في التطبيق نفسه إن صفحة الدفع غير مدعومة عبر Google Tag Manager — وهذا لا يعني الزر، فهو في صفحات المنتجات.
اختياري: كلما فتح متسوّق التجربة يرسل الزر إلى Tag Manager حدثًا اسمه tajribah_tryon_start ومعه item_id (رقم المنتج في ملف منتجاتك). أنشئ مشغّلًا من نوع Custom Event باسم tajribah_.* (مع Use regex matching)، ووسم Google Analytics: GA4 Event باسم {{Event}}، ثم انشر الحاوية — فتظهر التجارب في Google Analytics.
إن أردت الزر في مكان آخر من صفحة المنتج، فاكتب في «متقدّم» محدد CSS للعنصر الذي يأتي الزر بعده، ثم انسخ الوسم من جديد وانشر الحاوية.