شرح اضافة Custom JS مع الواتساب – Google Tag Manager

screencapture tagmanager google 2020 10 04 17 38 22 1 1024x576 1

ماذا سنتعلم من هذا الشرح:

  1. الحصول على كود الواتساب للموقع
  2. إنشاء Tag ل WhatsApp
  3. تخصيص Triggers

الحصول على كود الواتساب للموقع

توجد اكثر من من اداة و موقع توفر لك كود الواتساب بشكل مباشرة مع امكانية تخصيص الرسائل و الشكل وسوف نقوم بالكتابة عنها فى مقالات منفصلة على هذه المدونة

والان سوف نقوم بالحصول على الكود من خلال الموقع التالي:

https://getbutton.io/

  • اختيار ايقونة الواتساب
  • اضافة الرقم الخاص بك بكود الدولة مثل +20
  • تحديد ما هي الرسالة الترحيبية
  • اختيار مكان اظهار الواتساب من اليمين أو اليسار
  • اضافة الرسالة التى سوف تظهر للزوار مثل الصورة المرفقة
tg19
  • واخيرا سوف تقوم بكتابة الايميل الخاص بك فى الخطوة رقم 3 و الان سوف يظهر لك الكود الذي سوف نقوم باستخدامه على الموقع
tg20

إنشاء Tag ل WhatsApp

نبدأ بالخطوة الاولى وهى اضافة Tag وفى هذه الخطوة نقوم باضافة كود JS الخاص بالواتساب من خلال ربطها مع جوجل تاج الان نقوم بالضغط على New Tag مثل ما فى الصورة التالية

تحتوي هذه الصورة على سمة alt فارغة; اسم الملف هو tg12.png

و بعد ذلك نقوم بالضغط على Tag Configuration وبذلك سوف يظهر الخيارات لاكواد المثبتة مسبقا من خلال جوجل تاج مانجر و نختار منها الاختيار التالي:

tg18

وبعد ذلك نقوم باضافة الكود الذي قمنا بالحصول عليه من خلال الموقع السابق فى هذا المربع و لاتنسي تحديد الاختيار Support document.write وبعد ذلك نقوم بتخصيص Triggers

تخصيص Triggers

الان فى الخطوة الاخيرة نقوم بالضغط على triggering ومن ثم سوف تظهر هذه النافذة ونقوم باختيار All Pages وبعد ذلك نقوم بعمل Save وبهذا نكون قد اضفنا WhatsApp Custom JS مع تاج مانجر

تحتوي هذه الصورة على سمة alt فارغة; اسم الملف هو tg17-1024x225.png

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *

Scroll to Top