20

المعلومات المُرفَقة لِرابط ديناميكياً باستخدام "Google Tag Manager" (الجزء الثالث)

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

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

الآن, ربما لاحظ بعضاً منكم أنَّه عندما أضغط على رابط المُنتَج هنا فسأذهب إلى "Amazon".

لكن, لا يوجد هَويَّة تابعة "affiliate ID" مُرفقة بها.

لذا لن تعرف "Amazon" من الذي قام بهذا النقل, ولن تعرف كيف تُرسل إليّ "affiliate commission".

لذا, لنُغيِّر هذا.

أنا جزء من البرنامج المُساعد "Amazon".

لذا يمكنني إرفاق رابط هنا, يمكنني اختيار "tracking ID".

لديَّ العديد هنا, سوف أختار العنصر الشامل.

و يمكنني أخذ الرابط, و هذا سيعطيني رابط أقصر.

سأقوم في الواقع بإلقاء نظرة على الرابط بالكامل هنا, ثم أقوم بنسخ هذا.

و سنرى أنه من خلال "URL" الأصلي

أرفقت "Amazon" كثير من المعلومات المختلفة الأخرى هناك.

أكثر معلومة مهمة تكون في الواقع: معلومات "tag".

التي تضع في الكود التابع "affiliate code" في هذا ال"URL".

لذا, يستطيع "Amazon" أن يتعرَّف عليَّ و يعرف أنَّ البيانات التي أرسلتها للتوِّ إليه تكون "affiliate traffic" الخاصة به.

الآن, هذا مرتبط كلَّه في شريط التساؤلات.

يمكننا أن نرى هذا بعلامة استفهام,

ثم تبدأ ب"IE", ثم بعض المعلومات الأخرى و هي ليست ما نحتاجه في الواقع.

نحن نريد فقط الرابط الخاص بنا ليبدو أنَّه وصلنا مثل هذا.

لنتخلَّص من هذا هنا.

ثم فقط علامتنا "tag", و لنفحصه.

هذا الرابط يعمل.

و هذا سيُظهر أنني أرسلت إشارة من حساب"measureschool affiliate".

إذاً, فهذا هو الرابط المُراد تطبيقه في صفحتنا.

و بوضوح, يمكننا أن نذهب خلال جميع هذه الروابط

و نُغيِّرهم في كود "HTML" نفسه.

لكن ماذا إذا أردت منك أن تقوم بهذا بشكل ديناميكي بمساعدة "Google Tag Manager"؟

حسناً, لقد قمت بكتابة نصّاً صغيراً مضيفاً التغيُّرات التقنيَّة للرابط.

و التي نجدها هنا تحت رابط إضافة.

و ثانيةً, نحن نقوم ببساطة بجمع جميع الروابط التي تحتوي على "Amazon".

ثم يمكنني إدخال شيء أريده لأُرفقه بهذه السلسلة.

إذا أردت أن تنظر إلي "URL" نفسها,

يمكننا أن نري أنها أننا لا نملك شريط تساؤلات مُرفقة بَعد.

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

ثم بعد ذلك "affiliate ID" الخاص بنا.

في حالتنا, سيكون "tag".

إذاً, فهذا شيء نريد أن نرفقه إلى جميع الروابط التي توصلنا إلى"Amazon"

و نريد أن نُطلق هذا في "trigger DOM Ready".

الآن, "DOM Ready" مهم جداً; لأننا نريد أن نتأكَّد أنَّ الروابط تم إصدارها.

و نحن الآن نُغيِّرهم و نُرفق "affiliate ID" الخاضَّة بنا.

لا ترتكب خطأ بإطلاقهم في "page view".

يحتاج "DOM Ready" أن يحدث قبل أن نغيِّر أي روابط.

لذا, لقد أرفقت مُشغِّل "DOM Ready all pager" و سأضغط على "unpause".

لذا, يمكنك تجربته.

لِنحفظ هذا, و نُحدِّث الصفحة الأوليَّة, نُفعِّل وضع تصحيح الأخطاء , و نقوم بعمل "Refresh" للصفحة.

و ها نحن ذا.

إذا ضغطت على زِرِّ شراء, الآن هي مُرفقة برابطنا.

و يمكننا نقل معلومات خاصة بنا.

و عن الفرع في الصفحة الشريكة, أو إلى المُشتري في هذه الحالة.

لذا, سنكون قادرين علي الحصول على أمر تابع إذا قام المُستخدم بالشراء.

إذاً, فهي تقنية سهلة للغاية للإشارة لجميع الروابط في جميع الصَفَحات التي توصلنا إلى "Amazon" تلقائياً.

باستخدام الكود التابع.

إذا أردت تغيير الكود التابع

من الواضح و من السهل جداً أن نقوم بتغييرها من جديد في هذا النَّص.

و ببساطة نستبدل أو نُغيِّر هذا هنا.

و هذه التقنية الخاصة يمكن أن تُستخدم لإرفاق معلومات أُخرى

و التي تريد من الصفحة الشريكة أن تمتلكها, أو تريد من نظام آخر امتلاكها إذا أرسلت المُستخدم إلى مجال آخر.

يمكنك استخدامها ل"UTM tags" على سبيل المثال

أو إضافة معلومات للرابط الذي تريده أن يكون متاحاً

مثل نظام تتبُّع "Third-Party" مثل "contact ID" على سبيل المثال.

اذاً, فهو متنوِّع جداً.

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

هذه لن تعتني بأي من الروابط التي تحتوي بالفعل على سلسلة تساؤلات مُرفقة.

لذا, إذا كان لديك علامة استفهام بالفعل في "URL".

ربما ستحتاج لاستبدال هذا بعلامة "&".

ثم, المفتاح "key" و القِيَم "values" مثل: علامة "&" و علامات التنصيص المزدوجة ستؤدي إلى خطأ.

لن يتم تمييزنا كنظام تعقُّب.

لذا, انتبه لهذا أيضاً.

إذا كان هناك بالفعل علامة استفهام

ربما ستحتاج لكتابة بعض الفحوصات لكيّ تتمكن من إرفاق الشيء الصحيح في "URL".

في الدرس القادم سنقوم بمعرفة كيفيَّة تغيير أو إرفاق شريط ديناميكياً

استناداً إلى: من أين أتى المُستخدم.