[إحصاءات Google‏ 4] إعداد الضبط اليدوي (أداة Google Tag Manager)

هذه الميزة جزء من إصدار تجريبي مفتوح وعرضة للتغيير.

هذه التعليمات مخصَّصة للمشرفين والمحرِّرين الذين يريدون تحديد البيانات المقدَّمة من المستخدِم على موقعهم الإلكتروني وإدخال البيانات في أداة Google Tag Manager.

نظرة عامة

عليك تعديل الرمز في أيّ صفحات تجمع فيها البيانات المقدَّمة من المستخدِم، مثل صفحة الاشتراك أو صفحة جذب العملاء المحتمَلين أو صفحة الدفع أو ما شابه ذلك. يمكنك إرسال البيانات أكثر من مرّة خلال الجلسة لضمان إرسال البيانات إلى "إحصاءات Google".

قبل البدء

تفترض هذه التعليمات أنّك تستوفي الشروط التالية:

• لديك الإذن بالوصول إلى حاوية Google Tag Manager لموقعك الإلكتروني
• تم تفعيل ميزة جمع البيانات المقدَّمة من المستخدِم وتم السماح بإمكانيات البيانات المقدَّمة من المستخدِم
• تم إعداد "إحصاءات Google": علامة حدث "إحصاءات Google‏ 4" في حاويتك على أداة Google Tag Manager

 التعليمات

1. سجِّل الدخول إلى أداة Google Tag Manager.
2. من علامة التبويب مساحة العمل، انقر على العلامات على يمين الصفحة.
3. افتح علامة "إحصاءات Google": حدث "إحصاءات Google‏ 4" التي تجمع بيانات العملاء من خلالها.
4. وسِّع قسم المَعلمات الخاصة بالأحداث وانقر على إضافة مَعلمة.
5. أدخِل user_data في حقل "المَعلمة الخاصة بالحدث".
6. في حقل "القيمة"، اختَر متغيّرًا للبيانات المقدَّمة من المستخدِم أو أنشئ متغيّرًا من هذا النوع.
7. في متغيّر البيانات المقدَّمة من المستخدِم، اختَر الضبط اليدوي.
   
8. بالنسبة إلى كل حقل، وسِّع القائمة المنسدلة واختَر متغيّرًا.
9. في حال أنشأت متغيّرًا لحقل بيانات، أكمِل الخطوات التالية:
   1. انقر على ضبط المتغيّر > عنصر DOM.
   2. أدخِل اسمًا للمتغيّر في أعلى الصفحة.
   3. في حقل طريقة الاختيار، اختَر أداة اختيار لغة CSS.
   4. في حقل أداة اختيار العنصر، أدخِل أداة اختيار لغة CSS التي تشير إلى بيانات العملاء. اطّلِع على كيفية تحديد أدوات اختيار لغة CSS لحقول البيانات المقدَّمة من المستخدِم.
   5. اترك حقل اسم السمة فارغًا.
   6. تخطَّ حقل قيم التنسيق لتجنُّب مشاكل الإعداد المحتملة.
   7. احفظ متغيّر عنصر DOM.
   8. كرِّر هذه الخطوات لكل حقل تريد جمع بياناته.
10. في متغيّر البيانات المقدَّمة من المستخدِم، تخطَّ حقل قيم التنسيق.
11. احفظ علامة الحدث.
12. في أعلى يسار الصفحة، انقر على إرسال لنشر التغييرات.

تحديد أدوات اختيار لغة CSS لحقول البيانات المقدَّمة من المستخدِم

لتحديد أدوات اختيار لغة CSS المطلوب إدخالها في الحقول، أكمِل هذه الخطوات لكلّ حقل. وإذا كانت لديك متغيّرات غير مجزّأة في الرمز البرمجي، يمكنك اختيارها بدلاً من إنشاء متغيّرات لغة CSS جديدة. مزيد من المعلومات عن الحقول المطلوب ضبطها

ملاحظة: إذا كنت تستخدِم متغيّرات JavaScript، من الأسهل أن تسأل المطوِّر الذي تتعامل معه عن المتغيّرات التي يجب إضافتها إلى هذه الحقول. إذا كنت تستخدِم أدوات اختيار لغة CSS، يمكنك اتّباع الخطوات الواردة في ما يلي.

1. افتح نافذة في متصفّح Google Chrome.
2. انتقِل إلى موقعك الإلكتروني، مع إبقاء أداة "إدارة العلامات من Google" مفتوحة.
3. حدِّد بيانات العملاء التي تريد إرسالها إلى "إحصاءات Google". على سبيل المثال، إذا كنت تريد إرسال عنوان بريد إلكتروني، حدِّد مكان ظهور عنوان البريد الإلكتروني على الصفحة.
4. انقر بزرّ الماوس الأيمن على الحقل واختَر فحص. على سبيل المثال، إذا كنت تحاول تسجيل عنوان بريد إلكتروني، تأكّد من أنّك تنقر بزرّ الماوس الأيمن على عنوان البريد الإلكتروني.
5. في صفحة أدوات مطوّري برامج Chrome، سيظهر لك جزء من الرمز البرمجي مميّزًا. هذا الرمز البرمجي هو عنصر الصفحة الذي تحتاج إلى استخراج أدوات اختيار لغة CSS منه لبيانات العملاء.
6. مرِّر مؤشر الماوس على الرمز البرمجي المميّز وانقر عليه بزرّ الماوس الأيمن.
7. انتقِل للأسفل حتى تصل إلى "نسخ"، ثمّ اختَر نسخ أداة الاختيار.
8. ألصِق النص المنسوخ في حقول "تحديد أدوات اختيار لغة CSS أو متغيّرات JavaScript" في "إحصاءات Google"، أو في حقل أداة اختيار العناصر لمتغيّر "عنصر DOM" في أداة Google Tag Manager.
   • من المفترض أن يظهر النص المنسوخ على النحو التالي: 
     ‎tsf > div:nth-child(2) > div.A8SBwf > div.RNNXgb > div > div.a4bIc > custEmail

Next steps

Validate that user-provided data collection is set up correctly. Show me how.