22

تغيير الروابط (Search و Replace) باستخدام "Google Tag Manager (الجزء الثاني)

مرحباً بعودتك.

الآن, لقد تعلَّمت كيف تختار الروابط باستخدام "JavaScript".

و تغييرهم هنا, و معرفة التقنيَّات الأساسية التي تقوم عليه "tracking deployment".

يمكنك أن تدخل لتري أمثلة تطبيقيَّة أكثر.

أين يمكنك استخدام هذا في الواقع؟

كما تعرف, فلدينا بعض روابط "Amazon" هنا, و التي تُوصلك إلى "amazon.com".

ماذا سيحدث إن لم يَكُن المستخدم من ولاية "US", ولا يمتلك حساب "amazon.com"؟

مثلي تماماً, فأنا من ألمانيا, لذا يجب أن تكون لديَّ خبرات أكثر مُتعلِّقة بالدولة.

الآن, ربما تكون على دراية بفيديو قد قدمتُّه من فترة و الذي يستخدم "geolocation plugin".

و التي قمت هنا أيضاً بنشر مُستمع "listener" باستخدام "geotag"

لديَّ الآن المعلومات متاحة, من أيِّ دولة يكون هذا المُستخدم الذي يزور الموقع.

الآن هو ألماني.

ألن يكون ذلك أفضل إذا علمت ذلك في "Google Tag Manager"؟

إرسال المُستخدِّم إلى "de domain".

و في حالتنا هذه, سيكون هذا "de domain" بدلاً من "amazon.com".

يمكننا استبدال الرابط ديناميكياً استناداً إلى خاصيَّة "geolocation بداخل "Google Tag Manager".

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

اذا ذهبت هنا لتقوم بربط مكان "Place", لدينا هنا "Tag" و هي في الواقع تأخذ الروابط مُجدداً.

انظر إليهم باستخدام مُنتقي التساؤلات"query selector", ل"Amazon".

و لدينا العديد من الأشكال هنا.

نحتاج أن نضعها في شَريط بحث و شَريط استبدال.

و سنُحدِّد جميع الروابط, و نُغيِّر أيّ شيء قمنا بإدخاله هنا.

و في حالتنا ستكون "/com." لنكون واضحين جداً فقط, و نريد استبدالها ب"/de."

الآن, قبل أن نحفظ هذا, سنحتاج لإرفاق مُشغِّل "attach trigger".

إنها مهمة لأننا نحتاج عناصر رئيسية جاهزة بالفعل.

في حالتنا, سيكون "DOM" جاهزاً بالفعل.

لأننا نريد أن نتأكد أنَّ الروابط تم تحميلها ليمكننا تغييرها هنا.

و أيضاً, لدينا معلومات "GEO" متاحة داخل طبقة بياناتنا "data layer".

بما أنَّ مُتغيِّر "geo DataLayer" ستكون متاحة لاحقاً.

لذا, هنا رابع حدث"event" في "dataLayer" سوف نستخدم هذا لإطلاق علامتنا"Tag".

هيا ننطلق و نُنشيء "new trigger" في "geo event" حيث تكون الدولة هي ألمانيا.

الآن, سوف نستخدم مناسبة مُخصصة"custom event", حيث أنها تأتي من "Listener" لدينا.

لذا ال"geo" وتكون فقط عندما "dlv country" تساوي ألمانيا.

لنحفظ هذا و نُجرِّبه.

عفواً, هذا لا يزال مُتوقفاً.

لنضغط على "Refresh" و نعُد إلى صفحتنا.

وإذا كان المُستخدم من ألمانيا, يجب أن نرى الآن جميع روابط المُنتجات توصلنا إلى "Amazon.de".

لذا و بنجاح, لقد قمنا بإرفاق مكان المُستخدم و وضعناه في المكان المطلوب بالاعتماد على المكان الذي يعيش فيه.

هذه كيفيَّة استخدام تقنيَّة مثل هذه.

لاستبدال رابط أو علي الأقل جزء من الرابط داخل صفحة الويب.

هذا النص سوف يكون متاحاً للتحميل في الوصف بالأسفل.

في الدرس القادم, سنأخذ كيفيَّة إرفاق شيء ما إلى رابط

لتَمُرّ بمعلومات التعقُّب إلى صفحة أخرى.