57

كيفية إنشاء تمرير + مُشَغِّل مُؤقت باستخدام Google Tag Manager

مرحباً بك مرَّة أخرى في فيديو آخر من measure school.com يُعلمك طريقة استخدام البيانات للتسويق الرقمي.

أُدعي جوليان, و اليوم أريد أن أريك كيف تجعل مُشَغِّل التمرير 'Scroll Trigger' أكثر دِقَّة عن طريق إضافة الوقت الذي قضيناه بالفِعل علي الموقع.

في حالة أنَّ لدينا موقع ويب يحتوي على "Scroll Trigger" داخل حساب will tag match

إذاً, أردت أن تعرف كيف تُثبت "Scroll Trigger" عُد إلى الفيديو و سأضع لك الرابط في الأسفل أيضاً.

الآن, لقد قمت بتثبيت هذا الأمر, و هذا يحدث عندما يقوم المستخدمون بالتمرير إلى حوالي 75 في المئة من موقع الويب

سيكون لديه هذه الساعة (GTM) في تمرير أصم في طبقة البيانات ونحن نطلق العلامة الخاصة بنا.

القضية التي تناولتها الآن, قد قمت بتمريرها للأسفل بسرعة فقط.

إذا أردتَ القراءة بدِقَّة أكثر عن هذا, ما إذا كان المُستخدم قد قرأ محتوى الموقع حقاً

ربما سيأخذ القليل من الوقت لكي يقرأ كل هذا, و بَعدَ ذلك سيتم إطلاق حدث التحقق من التمرير.

إذاً, كيف يمكننا تنفيذه و جعله أكثر دِقَّة لكي نستغل الوقت الذي يستخدمه المستخدم في حساب أيضاً؟

لنقوم بهذا العمل: سوف نستغل متغيرات قليلة تم نقلها تلقائياً إلى طبقة البيانات خلال peh-chu

إذا نظرنا لطبقة البيانات عند تحميل الصفحة لأول مرَّة, سنجد شي هنا اسمه بداية " GTM "

هذا الشء ليس في الواجهة الافتراضية, لكن يمكننا استخدامه.

ما الذي يعنيه هذا حقاً؟

لكنَّ هذا يُرِيَنا الوقت الذي سجلَّه " جافاسكربت " منذ عام 1970 و الذي يرينا الوقت الآن في مللي ثانية.

إذا فتحنا أداة المُطوِّر, و قمنا بقليل من البحث هنا

لذا, أنا هُنا لأُطوِّر وحدة التحكُّم

يمكن أن أحصل علي الوقت الدقيق عن طريق كتابة: تاريخ جَديد ومن ثَّمَ نحصٌل علي الوقت

و سنحصل علي الوقت بالكامل كما لدينا هنا, و هو في الواقع الوقت الحقيقي الآن!

و سترى أنك لديك اختلاف طفيف هنا.

و هو إشارة للوقت الذي قد مَرَّ عند إطلاق الصفحة المنافسة, و الآن لدينا قراءة جديدة للوقت.

لذا يمكننا مقارنة الرقمين و حساب الوقت الذي انقضي بسهولة عن طريق JavaScript و Google Tag Manager.

بوضوح عن طريق JavaScript مُتخصص.

لديَّ شيءٌ مُعَدّ هُنا.

و مرَّة أُخرى, انظر فقط إلى الوقت الجديد الآن, و حَدد الوقت في طبقة البيانات عندما بدأت الصفحة

ثم سنقوم ببعض الحسابات الصغيرة لنحسب الوقت الذي مرَّ في ثوانٍ.

ثم سنضعها لدينا في المُتغيِّر.

لذا سيمتليء هذا المُتغيِّر في كلِّ مرَّة نقوم بإطلاق حدث.

في الواقع سننظر إليها عن طريق المُشَغِّل.

لذا, عندما نعود هنا, نستطيع أن نري أنه عندما حدثت الرسالة كانت عدد الثواني تساوي صفر.

و في DOM ready كانت عدد الثواني تساوي صفر أيضا, و هذا حدث سريعا, لكنه استغرق ثانية واحدة حتى فُتحت النافذة.

يوجد بوضوح لدينا نافذة لتحميل الوقت.

ثم أصبح تشغيل "Scroll Trigger" الخاص بنا 160 ثانية قبل الوصول إلى 75%

هيا بنا نَعُد و نحاول هذا مرَّة أخرى.

سأقوم بإعادة التحميل.

سأقوم بالتمرير لأسفل.

و سنجد هنا قسم التمرير.

الآن, يرينا المُتغيِّر أننا أمضينا 6 ثوانٍ لنري الصفحة بأكملها.

الآن و بوضوح, هذا وقت قصير جدا للمستخدم لكي يقرأ الصفحة كاملة هبوطاً.

و لهذا نوَدّ ربما أن نغيِّر هذا حولنا ونقول :

إذا قضي المستخدم 75% نودّ أن نتأكد من أنه يقضي على الأقل 20 ثانية في الموقع أو 10 ثوان علي الموقع, ليتمكن القسم من إيجاد علامتنا.

ولهذا نعتبر المستخدم كمتغيِّر.

لذا, كل ما عليك فعله أن تذهب في "Scroll Trigger"

و تضع هذا المتغير الجديد, يمكن أن ننتقل و نضيف شرط جديد.

و هو الوقت منذُ تحميل الصفحة بالثواني, و يجب أن تتأكد أن المستخدم يقضي علي الأقل 10 ثوان

لنحفظ هذا و نُعيد تنشيطه, و نعود إلي صفحتنا.

الآن,

إذا مررنا بسرعة شديدة, سيزداد عمق التمرير, لكن علامتنا لن تنطلق لأن المستخدم قضي ثانيتين فحسب.

لنجرب هذا ثانيةً, سأقوم بإعادة التحميل.

الآن, هيا لنمضي وقت أكثر قليلاً لنقرا في هذا.

و لحسن الحظ, سيأخذ هذا ربما 10 ثوان لتمريره لأسفل هنا الآن.

استغرقنا 16 ثانية لنصل إلي علامة 75% كما أعتقد.

استغرقنا 16 ثانية لنصل إلى علامة 75%

اذن الآن يجب أن تنطلق علامتنا, و لكنها لم تنطلق

لذا, يجب أن نذهب للعلامة نفسها و نرى لِمَ لَم تنطلق, و نُصحح هذا الخطأ بسرعة.

نحن نري المخصصة JS: الوقت المستغرق كان 10, نحن لدينا 16, أجل, لكن لقد اتخذت شرط خاطيء.

تقول أنه ينبغي أن يكون أكثر.

لذا, هيا لنذهب إلي المشغل الخاص بنا و نغيِّر هذا به, أخطاء بسيطة, صحيح؟

أقلّ رقم 10, أو أكثر من 10, لذا ينبغي أن يكون أكثر من 10 لتنطلق علامتنا.

غير ذلك, يجب أن تقضي 10 ثوان بالضبط.

هذا لا يبدو منطقياً, لذا هيا نُجرِّب هذا مجدداً.

إعادة تحميل, تمرير لأسفل هنا.

حسناً

و لحُسن حظنا, نُصيبها قبل ال 10 ثوان.

أجل! بعد ال 10 ثوان, الآن لدينا حدث التمرير الذي استغرق 12 ثانية.

إذاً استغرقنا 12 ثانية لنقرأ خلال هذا.

و لدينا 75% من عمق التمرير لذا علامتنا ستنطلق, شرطانا الاثنان تحققا, و تم إطلاق علامة التمرير المناسبة الخاصة بنا بشكل صحيح.

إذاً, باستخدام المتغيِّر الصغير JavaScript, تستطيع أن تجمع الوقت المُستغرق علي الموقع مع مُشغل عمق التمرير.

سأقوم بربط الرمز لهذا بأسفل طبيعة متغيرات JavaScript.

و ستحتاج إلى امتلاك شيء يُدعى container ID متاح هنا في Google Manager Tag.

هذا بناء من المتغيرات, لذا اذا لم يكن متاح لديك بَعد, اذهب إلي ضبط.

ثم نجد هنا container ID, هذه ستجعلها تعمل.

إذاً في النهاية, هذه حقاً طريقة بسيطة لجعل التمرير الخاص بك أكثر دِقَّة.

مرحباً بكم, هذا أنا من جديد.

شكراً لاطلاعكم علي فيديوهاتنا التعليمية السريعة.

هل ساعدك هذا؟

هل فهمت شيئاً ما لا يُترك, اذا أود أن أعرف منكم في التعليقات بالأسفل.

لكن إذا أحببته, و تريد أن تُرِيَد أن تدعمنا ب "أعجبني", و تشترك في القناة, من هناك تماماً.

لأننا نقوم بعمل فيديوهات جديدة مثل هذا تماماً كل أُسبوع.

الآن اسمي جوليان, ألقاك في المرَّة القادمة.