تم تصميم Google Tag Manager لتقليل اعتمادك على مطوري الويب عندما تريد إضافة رموز التسويق والتحليلات (أو "العلامات") إلى موقع الويب الخاص بك. يناقش هذا الفيديو أساسيات كل من google tag manager شرح و Google Analytics تتبع الأحداث ، كيفية تنفيذ أحداث Google Analytics في Google Tag Manager وكيف يمكنك دمج الاثنين.
دورة تحسين محركات البحث للمبتدئين SEO
لا يهم إذا كنت لا تعرف شيئًا عن دورة تحسين محركات البحث للمبتدئين SEO . تم إنشاء هذه الدورة التدريبية الشاملة الشاملة لمساعدتك على تعلم تحسين محركات البحث بطريقة سهلة ومنهجية.
قسم الفيديو وعلامات الوقت
- (00:22) أساسيات الحدث
- (01:43) ترميز الأحداث يدويًا في Google Analytics
- (02:53) حاوية إدارة العلامات من Google مع علامة Google Analytics
- (06:17) تتبع الأحداث التلقائي
- (09:13) استخدام طبقة البيانات للمعلمات الديناميكية وإجراءات عدم النقر
- (12:30) مشاهدات الصفحة الافتراضية في Google Tag Manager
- (13:28) التتبع الاجتماعي في Google Tag Manager
google tag manager شرح : دليل شامل لتنفيذ أحداث Google Analytics في عام 2023
نص الفيديو
إريك فيتمان: مرحبًا! أنا إريك فيتمان ، مدرب Analytics ومدرب في E Norm ، مع فيديو ضيف لـ KISSmetrics.
تم تصميم Google Tag Manager لتقليل اعتمادنا على مطوري الويب لإضافة رمز التسويق والتحليل إلى مواقعنا الإلكترونية. سيركز مقطع الفيديو التعليمي هذا بشكل خاص على تنفيذ أحداث Google Analytics في Google Tag Manager نظرًا لأن هذا قد يكون صعبًا بعض الشيء في المرة الأولى.
لنبدأ ببعض أساسيات الحدث. لماذا نحتاج إلى تتبع الأحداث في Google Analytics؟ عند تثبيت Google Analytics ، إما باستخدام شفرة التتبع العادية أو كعلامة داخل Google Tag Manager ، يتم التقاط البيانات افتراضيًا فقط عند تحميل الصفحة وتغيير عنوان URL أو تحديث عنوان URL كما في هذه الحالة.
لقد انتقلنا إلى صفحة أخرى وتم تحميل الصفحة وتغيير الصفحة وإعادة إرسال البيانات إلى خوادم Google Analytics. ومع ذلك ، هناك العديد من أنواع تفاعل المستخدم التي لا تفرض ظهور عنوان URL جديد ، ولا تجبر الصفحة على إعادة التحميل ، وبالتالي لا ترسل البيانات إلى Google Analytics افتراضيًا.
ما أنواع إجراءات المستخدم التي لا تنشئ مشاهدات صفحات قابلة للتتبع؟ روابط لمواقع ويب أخرى ، أو روابط لمستندات PDF ، أو بريد إلى روابط ، أو تخبر الروابط على الهواتف الذكية ، أو الفلاش أو أنواع المقابس الإلكترونية للتفاعلات ، والفيديو وحتى إكمال حقول النماذج الفردية. لا يتسبب أي من هذه التفاعلات في تحميل صفحة على موقعك ، وبالتالي لا يمكن لأي منهم إنشاء Google Analytics لك.
لذا فهؤلاء جميعهم مرشحون جيدون للأحداث أو ربما مشاهدات الصفحة الافتراضية ، والتي سنتحدث عنها أيضًا. لنبدأ بالنظر في الأحداث المشفرة يدويًا حتى نتمكن من التعرف على ما لم يعد يتعين علينا القيام به عندما نتتبع الأحداث من خلال Google Tag Manager.
لنلق نظرة على البريد المراد ربطه كمثال. عندما نضغط على هذا الرابط ، سيفتح عميل البريد ولكنه لن يفرض مشاهدات إضافية للصفحة لذلك لن يتم تسجيل أي بيانات Google Analytics. هنا تم فتح عميل البريد الإلكتروني الخاص بي ولكن لم يتم تتبع هذا الإجراء في Google Analytics.
فيما يلي كيفية ظهور البريد المرتبط به قبل إضافة أي تتبع للأحداث. وإليك الرابط مع تتبع الأحداث المضافة. يعد رمز تتبع الأحداث في حد ذاته بسيطًا جدًا ولكن إليك المشكلة المحتملة.
ماذا لو لم تتحكم بشكل مباشر في التغييرات في محتوى الصفحة؟ ماذا لو كان كل تغيير تريد إجراؤه يخضع لموافقة أو دورة إصدار قد تستغرق أسابيع أو حتى أشهر. وماذا لو ، في مرحلة ما ، كنت تريد تغيير معلمة الإجراء للحدث من بريد إلكتروني إلى بريد إلكتروني وعليك أن تمر بنفس المشكلة مرة أخرى.
هذا هو المكان الذي يأتي فيه برنامج Google Tag Manager. ستكون خطوتنا الأولى في Google Tag Manager هي إنشاء حاوية.
بمجرد إنشاء حسابك على googletagmanager.com ، ستحتاج إلى إنشاء حاوية. الحاوية عبارة عن رمز يسمح لك بوضع العلامات على موقع الويب الخاص بك وإزالة العلامات وتعديل العلامات.
سنمضي قدمًا ونضغط على حاوية جديدة. سنقوم باستدعاء الحاوية "mysite.com" لاستخدامها على صفحات الويب وسنقوم بالنقر فوق "حفظ". في الشاشة التالية ، ترى رمز الحاوية الفعلي الذي تحتاج إلى وضعه بعد علامة النص الافتتاحي في جميع صفحات موقعك.
تأكد من أنك تعمل مع فريق التطوير وتكنولوجيا المعلومات لديك عند وضع رمز Google Tag Manager وتأكد من التشاور مع التسويق الخاص بك وبقية فريق التحليلات قبل إزالة أي علامات تحليلات أو تسويق. وتأكد من نشر رمز حاوية Google Tag Manager في بيئة اختبار قبل تضمينها في بيئة الإنتاج.
بمجرد تضمين الحاوية في جميع صفحات موقع الويب الخاص بك ، يمكنك البدء في نشر العلامات من خلال واجهة Google Tag Manager. يوفر Google Tag Manager مجموعة متنوعة من القوالب لإضافة العلامات إلى الحاوية. هناك نماذج لخدمات Google مثل Analytics و AdWords.
هناك قوالب لخدمات غير Google مثل AdRoll Remarketing أو Click Tale heatmapping. إذا كانت هناك علامة تريد إضافتها بأنه لا يوجد قالب موجود داخل Google Tag Manager ، فهناك حقل html نموذج مجاني يسمح لك بإضافة تلك الأنواع من العلامات أيضًا.
لنبدأ بإضافة علامة Google Analytics عادية إلى حاويتنا. سنمضي قدمًا ونضغط على "إنشاء علامة جديدة". اسم العلامة ... لنسمي هذا ، "Google Analytics page tracker".
حدد نوع العلامة ، سنختار Google Analytics Universal. معرف التتبع ... سنذهب إلى صفحة شفرة التتبع لموقع Google Analytics الخاص بنا وسنقوم بنسخ معرف التتبع من تلك الصفحة. وهذا ما سنقوم بلصقه في علامتنا لإخبار Google Tag Manager أن هذا هو الموقع والموقع الذي نتتبعه في Google Analytics.
أضف قاعدة إلى علامة إطلاق النار ، سنقوم بتحديد جميع الصفحات ، وسنمضي قدمًا وننقر فوق حفظ ، وقد انتهينا. من أجل رؤية أي من علاماتنا قيد التشغيل ، سنقوم بمعاينة الحاوية أو نشرها. نحن نعمل بالفعل في بيئة اختبار لذلك سنمضي قدمًا وننشر. انقر فوق إنشاء نسخة ، انقر فوق نشر.
دعنا نعود إلى بريدنا إلى الصفحة. شيئان تغيرت في هذه الصفحة. أولاً ، أزلنا شفرة تتبع Google Analytics واثنين ، أضفنا حاوية Google Analytics.
ونظرًا لأن هذه الحاوية تحتوي الآن على علامة Google Analytics ، فعند عرض هذه الصفحة ، يجب أن تظهر كعرض صفحة ضمن Google Analytics. سنقوم بتحديث هذه الصفحة ، والتحقق من Google Analytics لدينا وهناك طريقة عرض الصفحة. ويجب أن نرى الصفحة النشطة. هناك نذهب.
نحن الآن نتتبع عرض الصفحة من البريد إلى الصفحة ولكن ما زلنا لا نملك مسار حدث لربط البريد. الآن ننظر إلى التتبع التلقائي أو التلقائي للأحداث داخل برنامج إدارة العلامات من Google والذي سيسمح لنا بتتبع حدثنا دون تغيير الشفرة فعليًا على الصفحة.
لتكوين تتبع الأحداث التلقائي ، سنقوم بالفعل بإنشاء علامتين منفصلتين. ستستمع العلامة الأولى بشكل عام إلى نقرات الارتباط على الصفحة. ستكون العلامة الثانية هي علامة حدث Google Analytics الفعلية ، والتي ستستخدم النقر فوق الارتباط كمحفز.
عدنا إلى حاوية mysite.com الخاصة بنا. سنمضي قدمًا وننقر على "إنشاء علامة جديدة". بالنسبة لاسم العلامة ، دعنا نقول فقط ، "انقر فوق الارتباط المستمع". لتحديد نوع العلامة ، سننتقل إلى مستمع الحدث وسنقوم بتحديد رابط النقر فوق المستمع.
ضع في اعتبارك أن مستمع الأحداث في هذه الحالة لا يشير تحديدًا إلى أحداث Google Analytics. هذا مجرد حدث نقر عام يمكن استخدامه بالفعل لأي شيء. حدد جميع الصفحات لعلامة إطلاق القاعدة الخاصة بنا وسنضغط على حفظ.
الآن لدينا علامة مستمع النقر فوق الارتباط الخاصة بنا وسنستخدم هذه العلامة كمشغل لعلامة حدث Google Analytics الفعلية. سنمضي قدمًا وننقر على "إنشاء علامة جديدة" مرة أخرى. وسنطلق على هذه العلامة "Google Analytics Event Mail للنقر".
حدد نوع العلامة ، ستختار Google Analytics Universal مرة أخرى. يمكنك استخدام علامات Google Analytics العادية لهذه الأمثلة أيضًا ولكننا نستخدم عالمي. وسنقوم بلصق نفس معرف التتبع الذي استخدمناه لعلامة عرض الصفحة العادية داخل Google Tag Manager.
ولكن هذه المرة ، بدلاً من نوع مسار عرض الصفحة ، سنستخدم نوع مسار الحدث. بالنسبة للفئة ، دعنا نقول ، "رابط". لاتخاذ إجراء ، دعنا نقول ، "إرسال إلى". وبالنسبة للتسمية ، سنستخدم ماكروًا مدمجًا يقوم بملء عنوان URL للعنصر ديناميكيًا ، والذي سيكون في هذه الحالة وجهة بريدنا للربط.
الآن ، القاعدة الجديدة التي سننشئها لإطلاق حدث Google Analytics الخاص بنا ستكون أصعب قليلاً. دعنا نسمي القاعدة ، "البريد للنقر". القاعدة لها شرطان. الشرط الأول هو الحدث يساوي GTM ، ثم انقر فوق. يعمل مستمع النقر على الرابط الذي حددناه في علامة منفصلة في الواقع كمحفز لهذه العلامة.
لكننا نحتاج أيضًا إلى إضافة شرط آخر. عنوان URL للعنصر يحتوي على بريد إلى. انطلق واحفظ. والآن لدينا العلامتان اللتان نحتاجهما لتتبع البريد لربط النقرات كأحداث Google Analytics. لذلك دعونا نتأكد من أن تتبع الأحداث لدينا يعمل بشكل صحيح. سنمضي قدمًا ونضغط على البريد للربط. يفتح عميل البريد. انتقل إلى Google Analytics وفي تقرير الأحداث في الوقت الفعلي ، نرى أن حدثنا يتتبع بشكل صحيح. ونرى أن إجراء الحدث الخاص بنا هو بريد إلى. وتسمية الحدث لدينا هي عنوان URL للعنصر الذي يتم ملؤه ديناميكيًا.
ماذا لو كنت تريد تتبع إجراء مستخدم بخلاف النقرة كحدث في Google Analytics؟ سيتطلب هذا القليل من الترميز اليدوي على صفحة الويب الخاصة بك لربطها بـ Google Tag Manager. دعنا نقول على موقع الويب الخاص بك ، يمكن للزوار التمرير فوق الصور لعرض نافذة منبثقة أكبر. قد ترغب في تتبع إجراءات التمرير هذه كأحداث في Google Analytics.
ومع ذلك ، في Google Tag Manger ، لا يوجد خيار لإنشاء مستمع حدث التمرير بنفس الطريقة التي أنشأنا بها مستمع النقر فوق الارتباط في التمرين السابق. لذلك سنحتاج إلى الترميز يدويًا ولكن علينا أن نتذكر أنه لم يعد لدينا رمز تتبع Google Analytics على الصفحة مباشرة. لدينا حاوية Google Tag Manager.
لا يمكننا استخدام الترميز العادي إما لبرنامج Google Analytics الكلاسيكي أو Google Analytics Universal الذي نستخدمه عادةً لتتبع الأحداث. بدلاً من ذلك ، سنستخدم كائن طبقة البيانات للتواصل مع مدير علامات Google. كل ما نحتاجه للدفع إلى طبقة البيانات هو حدث.
الآن ، مرة أخرى ، هذا الحدث ليس حدث Google Analytics. سيكون هذا بمثابة المشغل لعلامة حدث Google Analytics في Google Tag Manager بنفس الطريقة التي كان بها النقر على رابط GTM بمثابة المشغل.
لكننا سنقوم أيضًا بدفع قطعة أخرى من البيانات إلى طبقة البيانات. يمكننا التمييز بين التمرير فوق الصور المختلفة عن طريق تمرير مصدر الصورة ديناميكيًا إلى طبقة البيانات لاستخدامها كمعامل تسمية لعلامة حدث Google Analytics.
مرة أخرى في برنامج إدارة العلامات من Google ، نقوم بإنشاء علامة حدث Google Analytics لإجراء تمرير الصور الخاص بنا. لقد قمنا بتعيين نوع العلامة على أنه عالمي ، ولدينا معرف التتبع الخاص بنا. نوع المسار ، وضعناه كحدث. الفئة والعمل ، لدينا قيم ثابتة للصورة وتحوم.
التسمية ، سنقوم بسحب قيمة تسمية الحدث إلى طبقة البيانات عن طريق إنشاء ماكرو جديد. سنقوم بالنقر فوق رمز الماكرو الصغير ، الماكرو الجديد ، اسم الماكرو ، دعنا نسميها ، "Event Label". نوع الماكرو متغير طبقة البيانات.
اسم؛ تسمية الحدث. هذا هو اسم المتغير الذي نستخدمه في أكوادنا ، لذلك هذا ما سنحتاج إلى تحديده هنا. إصدار طبقة البيانات ، تريد تغيير هذا إلى الإصدار الأول. الإصدار الثاني له علاقة بالتدوين النقطي ، وهو ما لا نستخدمه. انطلق وانقر على حفظ.
لكي تعمل قاعدتنا على تنشيط العلامة ، قم بإنشاء قاعدة جديدة. اسم القاعدة؛ تحوم الصورة. الحدث يساوي تمرير الصورة. مرة أخرى ، هذا الحدث هو الماكرو الذي نستخدمه لقراءة قيمة الحدث في طبقة البيانات. انقر فوق حفظ. هناك لدينا علامة حدث Google Analytics لإجراء تمرير الصور.
الآن ، دعنا نختبر أحداثنا. حرك الماوس فوق غرفة المعيشة ، حرك الماوس فوق غرفة الطعام ، وقم بالماوس فوق غرفة النوم. الآن ، دعنا نتحقق من أحداثنا في تقرير الوقت الفعلي لبرنامج Google Analytics. هناك ثلاثة أحداث قادمة. هذه الفئة عبارة عن صورة ، دعنا ننتقل لأسفل ثم يتم تمرير الإجراء وهناك ثلاثة مصادر للصور مكتوبة على طبقة البيانات حسب الرمز في صفحة الويب الخاصة بنا وقراءتها من طبقة البيانات بواسطة الماكرو في Google علامة حدث Analytics داخل Google Tag Manager.
في وقت سابق نظرنا في عدة أنواع من تفاعل المستخدم التي لا تسبب إعادة تحميل الصفحة والتي قد نرغب في تتبع الأحداث أو مشاهدات الصفحة الافتراضية. لذلك نحن الآن نبحث في مشاهدات الصفحة الافتراضية من خلال Google Tag Manager. لنفترض أننا نريد تتبع جميع نقرات PDF كعرض افتراضي للصفحة. عندما نقوم بإعداد علامة عرض الصفحة الافتراضية الخاصة بنا ، سنستفيد من قيمة href أو عنوان URL للعنصر كقاعدة وكقيمة نمررها لعرض الصفحة الافتراضية لدينا.
علامة لعرض الصفحة الافتراضية ، نوع المسار هو عرض الصفحة ولكننا سنقوم بإلغاء عنوان URL للصفحة عن طريق تحديد قيمة لمسار المستند في عنوان URL لعنصر الحالة هذا. قاعدة؛ الحدث يساوي النقر على رابط GTM. وينتهي عنوان URL الخاص بالعنصر بـ ".pdf"
، فلنختبر ذلك. انقر فوق ارتباط الكتاب الإلكتروني. يفتح PDF تقرير المحتوى في الوقت الحقيقي. هناك عرض الصفحة الافتراضية ، الصفحة النشطة: كتاب إلكتروني بتنسيق PDF.
التتبع الاجتماعي هو شكل خاص لتتبع الأحداث في كل من Google Analytics و Google Tag Manager. لنلق نظرة على رابط "تابعنا على Twitter". سيبدو html من الرابط مثل هذا. لذلك نحن نقوم بإعداد نوع مسار العلامات الخاص بنا وهو اجتماعي.
الشبكة الاجتماعية ، نحن نحدد متابعة الإجراءات الاجتماعية على Twitter. الآن يمكننا استخدام علامة اجتماعية أكثر عمومية وترميز المعلمات يدويًا من خلال طبقة البيانات. ولكن إذا بدأنا في استخدام طبقة البيانات كثيرًا ، فسيؤدي ذلك إلى حد ما إلى إبطال الغرض من وجود Google Tag Manager في مكانه.
أخيرًا ، القاعدة ، حدث النقر على رابط GTM ، انقر على عنوان URL للعنصر يساوي Twitter URL. سيظهر هذا الإجراء في تقرير المكونات الإضافية الاجتماعية.
إريك: شكرًا لمشاهدة هذا البرنامج التعليمي. ارجوا انك وجدته مفيدا. إذا كان لديك أي أسئلة أو تعليقات ، يرجى إرسالها إلىenorinc أو إرسالها أدناه.
ملاحظة المحرر: ظهرت نسخة من هذه المقالة في الأصل على neilpatel .