17

كيفيَّة تحويل "data layer" باستخدام "Google Tag Manager"

هل سبق و واجهت مشكلة أنَّ "data layer" تُقدم بيانات صحيحة, لكنها ليست في الشكل الذي يُمَّكنك من استخدامها؟

إذاً, ففي هذا الفيديو سوف تتعلم كيف تأخذ معلومات من "data layer" و التي هي موجودة بالفعل.

و تحويلها لتكون مفيدة ل"tags" و "triggers" و "variables" بدون الاضطرار لتطبيق أي شيء.

و نقوم بهذا في قدرة بناء "Google Tag Manager".

سنناقش هذا و أكثر بعد هذا تماماً.

موسيقى مُبهجة

أهلاً و مرحباً بكم في فيديو جديد من "measureschool.com"

حيث سنعلمكم طريقة التسويق الرقمي التي تعتمد على البيانات.

أنا جوليان, و في هذه القناة نقوم ب: كيفيَّة عمل الفيديوهات و نستعرض التسويق الرقمي و نعطي دروس تعليمية مثل هذا تماماً.

لذا إن لم تشترك بعد, ففكر في الاشتراك.

أحياناً, عندما تنظر إلى معلومة موجودة بالفعل في "data layer" فتريد ربما سحبها من "data layer".

البناء في "data layer" ليس مفيداً في هذه الحال.

لأنها تستطيع سحب "key pair values" خاصة فقط.

و ليس لديها قدرة لنقل البيانات التي تريدها بالفعل في "tags".

لكن يمكننا استخدام "custom JavaScript variables" الفعَّال لتحقيق أهدافنا.

أذاً, في هذا الفيديو ستحتاج لمعرفة القليل عن "JavaScript" لمتابعته طويلاً.

لكننا نمتلك أيضاً "Tags" و "triggers" و "variables" و التي سنعرضها لك هنا.

أنا متحمِّس لك لتقوم بتحميله من "measureschool.com/transform".

الآن, هذا مستوى مُتقدِّم إلى حد ما, إن لم يكن لديك خبرات في "data layer" بَعد, سأنصحك بالنظر في تدريبنا الأساسي

و الذي سنعلمك فيه كيف تستخدم طبقة البيانات بشكل فعَّال.

إذا كنت بالفعل خبير في تطبيق "GTM"

إذاً, فلدينا الكثير لنناقشه, لذا, هيا بنا.

رحلتنا ستبدأ اليوم في حساب "Google Tag Manager"

حيث وضعت المتصفح في وضع "preview and debug" بالفعل.

لكي نرى ما الذي يحدث في "demo page"

الآن, سأقوم ببعض الأمثلة عن كيقيَّة تشكيل "data layer".

أول شيء, تحويل "data layer" إلى النموذج الصحيح.

الآن, في صفحة "Test-Thank You", يوجد "data layer" و التي تنشر هذه العادات.

و إذا نظرنا في "data layer" سنرى هنا "transaction event" و الذي يمسك جميع "key pairs values" المختلفة للقيام بالتحويلات "transaction".

الآن, فهذا شكل مميَّز, و هو شكل "classic ecommerce tracking".

ربما تعلم أن هناك نوعان لتنشر "ecommerce tracking" في "Google Analytics".

الطريقة القديمة ل"ecommerce tracking" ثم الطريقة الحديثة ل"ecommerce tracking".

الآن, كلاهما يحتاج لنوع مختلف من تطبيقات "data layer" لكي يعملا.

و هذا هو شكل "classic ecommerce tracking".

و هناك أيضاً طريقة "ecommerce tracking" الحديثة لتدفع البيانات.

لسوء الحظ, فهما ليسا متطابقين.

لذا, إذا أردت التبديل من "ecommerce tracking data layer" القديم

ستحتاج لإعادة تطبيق "tracking data layer" الحديث.

و هذا سيء لأنَّ البيانات هي نفسها حقاً.

لكنها في شكل مختلف فقط.

إذاً, كيف يمكننا حل هذه المشكلة بدون إعادة تطبيق "data layer" كاملة؟

حسناً, لديَّ هنا نص صغير, و الذي تم بناؤه بمساعدة "variables".

إذاً, لنذهب إلى المتغيرات لنكون قادرين على تحميل نموذج

على "measureschool.com/transform" لاحقاً,لتتمكن من تحميلهم

لكن لدي مثال هنا على "custom JavaScript"

و التي تحدث في تحويلات "data layer".

و تذهب خلال منتجات مختلفة, و تدفع هذه البيانات في "ecommerce tracking object" متطوِّر

إذاً, في الحقيقة, "ecommerce data layer" القديمة, سيتم تحويلها إلى "ecommerce tracking object" حديثة, و التي يمكننا استخدامها.

كيف ستبدو؟

إذا ذهبت للمتغيِّرات هنا.

و نحن قادرين على الضغط على "transaction event", و يمكننا أن نرى الآن أنَّ لدينا "ecommerce tracking object" متقدِّمة.

و التي يمكننا استخدامها الآن لإرسال "transaction data" إلى "Google Analytics".

كل ما عليك عمله, هو الذهاب و بدلاً من اختيار "data layer"

إلى "ecommerce tracking" المتقدِّمة, يمكننا ببساطة قراءة البيانات من متغيِّر هنا.

كل ما عليك فعله حينها, هو اختيار متغيِّرا تم تحديده سلفاً.

و بهذه الطريقة يمكننا استخدام "ecommerce tracking" حديثة.

بمساعدة "data layer" المُحوَّلة في "ecommerce tracking object" جديدة.

إذاً, فقد حوَّلنا "ecommerce tracking data layer" القديمة إلى "ecommerce tracking ecommerce object" جديدة بطريقة وديَّة.

و هذا مثال واحد على كيف يمكنك أخذ البيانات و تُحولها للعمل في النموذج الذي تحتاجه في "tag".

حسناً, لنتحدَّث عن: كيف تضع نقاط بيانات رئيسية معاً

المتاحة في "data layer" لتتمكن من وضعها في النموذج المختار.

إذاً, في هذا المثال فأنا لديَّ "ecommerce tracking data layer" حديثة في صفحة "Test Thank You"هذه.

و كما نرى هنا, و أريد أن أجرِّب سحب منتجات رئيسيَّة هنا و دفعها إلى المجموعة.

كيف يمكن أن يكون هذا مفيداً؟

حسناً, على سبيل المثال, عندما نُطبِّق "Facebook conversion Pixel"

و استخدام نموذج متقدِّم لتعقُّب هذه البيانات.

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

إذاً, لدينا هنا مُنتجات "IDs" مختلفة و التي نريد نقلها عبر الكود.

كيف سنقوم بهذا؟ البيانات تم تطبيقها بالفعل هنا

لكن, كيف يمكننا الدخول فيها و وضع النموذج الصحيح؟

لقد جئت بمثال هنا ثانيةً

"custom JavaScript variable" يمكن أن يسحب مُنتج "IDs" الصحيح من "data layer".

إذاً, في هذا المثال, لقد أخذت "data layer" و دخلت إلى "ecommerce tracking data layer" الحديثة.

ذهبت إلى "object" المشتريات, ثم إلى "object" المنتجات.

إذاً, في الحقيقة, نُدخل "ecommerce" الخاص بنا

ثم "purchase" ثم "product object".

ثم سأكتب قليلاً عن الحلقة هنا

و في الحلقة"loop" فهي تذهب إلى منتجات مختلفة.

و تدفع "ID" إلى المجموعة مرَّة أخرى, و التي سنعود إليها مرَّة أخرى لاحقاً.

كيف ستبدو هذه؟

لنذهب و ننظر في المتغيرات

و في "transaction event" آخر, يمكننا أن نري هنا "custom JavaScript product ID"

و الآن, فهى في الشكل الصحيح, لذا يمكننا استخدامها في "Facebook transaction Pixel".

يتم عمل هذا بسهولة بالذهاب إلى "tags" و إنشاء "Facebook audience tag" جديد.

لدينا هنا تماماً الكود الأساسي, و بالأسفل هنا نستخدم ببساطة المُتغيِّرات المحددة سلفاً في الكود.

لنتمكَّن من دفع "content IDs" الصحيح.

إذاً, في الحقيقة, لقد أخذنا "JavaScript variables" للدخول إلى "data layer" المُختارة مٌسبقاً.

و سحب بضع من المعلومات و تحويلهم إلى مُتغيِّرات.

و التي يمكن أن تُستخدم في "tag" الخاص بنا.

و الآن, مثالاً آخر على هذا, للذهاب إلى جميع المنتجات

و استخدام كمية القياسات هنا, و حسابها.

إذاً, لقد أنشأت متغيراً آخر لهذا.

إنَّها كميَّة "the custom JavaScript product", و التي يمكن أن تجدها أيضاً في منصَّة "tag".

حسناً, في المثال الأخير أريد أن أريك كيف تستورد البيانات التي يمكن أن تكون متاحة بالفعل من خلال أشكل أخرى من التطبيقات .

إذاً, على سبيل المثال, في صفحة "Thank You " يوجد أنواع كثيرة من "data layer" المُطبَّقة.

لكنَّها في نموذج مختلف, و هذا هو النموذج "Qubit".

الآن, "Qubit" هو برنامج يعرض كثيراً من القدرات التخصصية على منصَّة.

و لكنَّهم يستخدموا "data layer" الخاصة بهم و اسمها "Universal Variables".

و التي تم تطبيقها على الصفحة.

الآن, هذه مرَّة أخرى, "data layer of sorts" و التي تم تخزينها في "JavaScript variable".

مثل "data layer" تماماً.

الآن, يمكنك الدخول إليه بسهولة إذا كان لديك "Developer Tools".

لنذهب إلى هنا, و نفتح "Developer Tools" الخاصة بنا.

و ندخل إلى "JavaScript console", و يمكننا ببساطة وضعها في "universal variables"

و نرى هنا "object" و به معلومات أساسيَّة هناك.

الآن, هذا "object" يُمسك بكثير من البيانات التي نوَّد استخدامها في "Google Tag Manager" كذلك.

لسوء الحظ, فهي ليست فعلاً على شكل "data layer".

لكن كما رأينا, يمكننا تحويل هذا لاحقاً

أوَّل شيء, أودّ استيراد البيانات في "data layer".

كيف يمكننا دفع هذه البيانات بدون تطبيق "data layer" جديد على المنصَّة؟

نحن نريد سحب هذه المعلومات فقط من "JavaScript" إلى "data layer".

و يمكن عمل هذا بسهولة باستخدام "custom tag".

إذاً, لنذهب هنا إلى "Google Tag Manager" لديَّ شيء مُعدّ كذلك.

و هو "data layer push".

هذا يأخذ ببساطة تكوين الجملة "syntax" في "data layer".

افحصها لترى إن كانت متاحة بالفعل, ثم ادفعها إلى "universal variables" في "universal variable key" في "data layer".

هناك "event" خاص هنا, "universal variable", لتعلم عندما تكون متاحة.

كيف يبدو هذا؟

إذا أعدنا تحميل الصفحة

سيعرض "preview and debug mode" أننا لدينا "universal variable" جديد.

و "data layer", ثم تكشف جميع المعلومات, و هي الآن جزء من "data layer".

إذاً, نحن قمنا-في الحقيقة- باستيراد متغيِّر خارجي في "data layer".

و هذا يمكن أن يكون مفيداً إذا كان لديك نظام "tag management", أو نظام "personalization".

و التي تحتوي على البيانات التي تحتاجها بالفعل.

عليك فقط أن تُطبقها في "data layer".

و الآن, ستكون قادراً على بناء "data layer variables" الخاصة بك و تُحوِّل هذه البيانات و تستخدمها في "tags" و "triggers".

إذاً, أنت الآن تعلم, هذه كيفيَّة تحويل "data layer" لنحصل على المتغيِّرات التي نحتاجها في "tags" الخاصة بك.

إذا أردت تحميل "tag template" بالإضافة إلى جميع النصوص بها

يمكنك أن تذهب إلى "measureschool.com/transform"

و سأعطيك ملف يُمكن تحميله في حساب "Google Tag Manager"

الآن, يمكن أن يكون هناك طرق استخدام أخرى لهذا النوع من التحويلات الذي نقوم به في "data layer".

سأوَّد أن أعلم إذا قابلتك مواقف خادعة و التي يمكن حلها بهذه التقنية

إذا اترك ذلك في التعليقات و شاركنا بالعملية كلها.

كالعادة, إذا أعجبك هذا الفيدية فاضغط على زر أعجبني.

شارك في القناة و ترقَّب الفيديو القادم الذي سنعرضه يوم الأربعاء.

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