علامات Google Floodlight

هذه المقالة موجّهة للمطوّرين الذين يريدون نقل علامات Floodlight من حاوية ويب في أداة "إدارة العلامات من Google" إلى حاوية خادم.

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

قبل البدء

قبل أن تتمكن من نقل العلامات إلى الخادم، تأكد من إجراء ما يلي:

الخطوة 1: إعداد علامة ربط الإحالة الناجحة

لا يمكن لحسابك على Floodlight إرسال بيانات الإحالات الناجحة إلى أداة "إدارة العلامات من Google" إلّا عند إعداد علامة رابط الإحالة الناجحة.

إذا سبق لك ضبط علامة رابط الإحالة الناجحة في حاوية الخادم، يمكنك تخطّي هذه الخطوة.

لإعداد علامة رابط الإحالة الناجحة:

  1. من مساحة عمل حاوية الخادم، افتح قائمة العلامات على يمين الصفحة.
  2. انقر على جديد لإضافة علامة جديدة.
  3. اختر نوع العلامة رابط الإحالة الناجحة.
  4. أعِدّ المشغِّل الذي سيؤدي إلى تنشيط العلامة رابط الإحالة الناجحة من جهة الخادم.
    في معظم الحالات، يكون مشغِّل كل الصفحات هو الخيار الأفضل.
  5. أدخِل اسمًا للعلامة وانقر على حفظ. تفاصيل علامة ربط الإحالة الناجحة

الخطوة 2: إعداد علامات Floodlight

تتوافق أداة "إدارة العلامات من Google" مع علامات عدّاد Floodlight وعلامات مبيعات Floodlight في حاوية الخادم.

عدّاد Floodlight

لإعداد علامة عدّاد Floodlight:

  1. في مساحة عمل حاوية الخادم، اختَر قائمة العلامات على يمين الصفحة.
  2. انقر على جديد لإضافة علامة جديدة.
  3. اختَر نوع العلامة عدّاد Floodlight.

    اختر مربع حوار نوع العلامة مع تمييز علامة عدّاد Floodlight

  4. لجمع القيم المطلوبة لضبط العلامة، افتح نافذة متصفِّح أخرى وسجِّل الدخول إلى مدير الحملة 360. انقر على المعلنون، ثم انقر على اسم المعلن. أدخل القيم التالية في علامة عدّاد Floodlight الجديدة في أداة "إدارة العلامات من Google":

    • الرقم التعريفي للمعلِن: سيظهر في صفحة تفاصيل المعلِن أسفل اسم المعلن مباشرةً. تظهر هذه القيمة أيضًا باعتبارها قيمة src= في مقتطف علامة Floodlight الذي تم إنشاؤه.
    • سلسلة علامة المجموعة: في جدول النشاط، حدِّد النشاط الذي تريد العمل عليه وابحث عن سلسلة علامة المجموعة المُدرَجة في أحد الأعمدة على اليمين. يتم العثور عليها أيضًا باعتبارها قيمة type= في مقتطف علامة Floodlight تم إنشاؤه.
    • سلسلة علامة النشاط: في جدول "النشاط"، حدِّد النشاط الذي تريد استخدامه وابحث عن سلسلة علامة النشاط المُدرَجة في عمود على يسار الصفحة. يتم العثور على هذه القيمة أيضًا على أنّها قيمة cat= في مقتطف علامة Floodlight الذي تم إنشاؤه.
  5. اضبط طريقة الاحتساب المطلوبة:

    • عادي: يَحتسب كل إحالة ناجحة.
    • القيم الفريدة: يتم احتساب أول إحالة ناجحة لكل مستخدم فريد خلال كل يوم على مدار 24 ساعة، من منتصف الليل إلى منتصف الليل، بالتوقيت الشرقي (الولايات المتحدة).
    • لكل جلسة: يتم احتساب إحالة ناجحة واحدة لكل مستخدم في كل جلسة. يتم تحديد مدة الجلسة من خلال الموقع الإلكتروني الذي نُشرت فيه علامة Floodlight.
  6. افتح نافذة اختيار عامل تشغيل.

  7. في القائمة إعداد المشغِّل، اختَر عاملاً مشغِّلاً. وفي معظم الحالات، يكون خيار جميع الصفحات هو الخيار الأفضل.

    اختر مربع حوار مشغِّل مع تمييز "جميع الصفحات"

  8. أدخِل اسم علامة وانقر على حفظ.

    لقطة شاشة تعرض حقل اسم علامة عدّاد Floodlight الذي تمّ تغييره إلى علامة عدّاد Floodlight

مبيعات Floodlight

لإعداد علامة مبيعات Floodlight:

  1. في مساحة عمل حاوية الخادم، اختَر قائمة العلامات على يمين الصفحة.
  2. انقر على جديد لإضافة علامة جديدة.
  3. اختَر نوع العلامة مبيعات Floodlight. ملاحظة: تجمع علامة مبيعات Floodlight القيم التالية تلقائيًا من حقل التجارة الإلكترونية المقابل:

    *   Order ID (Transaction ID)
    *   Revenue (Value)
    
  4. لجمع القيم المطلوبة لضبط العلامة، افتح نافذة متصفِّح أخرى وسجِّل الدخول إلى مدير الحملة 360. انقر على المعلنون، ثم انقر على اسم المعلن. أدخِل القيم التالية في علامة عدّاد Floodlight الجديدة في أداة "إدارة العلامات من Google":

    • الرقم التعريفي للمعلِن: سيظهر في صفحة تفاصيل المعلِن أسفل اسم المعلن مباشرةً. تظهر هذه القيمة أيضًا باعتبارها قيمة src= في مقتطف علامة Floodlight الذي تم إنشاؤه.
    • سلسلة علامة المجموعة: في جدول النشاط، حدِّد النشاط الذي تريد العمل عليه وابحث عن سلسلة علامة المجموعة المُدرَجة في أحد الأعمدة على اليمين. يتم العثور عليها أيضًا باعتبارها قيمة type= في مقتطف علامة Floodlight تم إنشاؤه.
    • سلسلة علامة النشاط: في جدول "النشاط"، حدِّد النشاط الذي تريد استخدامه وابحث عن سلسلة علامة النشاط المُدرَجة في عمود على يسار الصفحة. يتم العثور على هذه القيمة أيضًا على أنّها قيمة cat= في مقتطف علامة Floodlight الذي تم إنشاؤه.
  5. اضبط طريقة الاحتساب المطلوبة:

    • عادي: يَحتسب كل إحالة ناجحة.
    • القيم الفريدة: يتم احتساب أول إحالة ناجحة لكل مستخدم فريد خلال كل يوم على مدار 24 ساعة، من منتصف الليل إلى منتصف الليل، بالتوقيت الشرقي (الولايات المتحدة).
    • لكل جلسة: يتم احتساب إحالة ناجحة واحدة لكل مستخدم في كل جلسة. يتم تحديد مدة الجلسة من خلال الموقع الإلكتروني الذي نُشرت فيه علامة Floodlight.
  6. افتح نافذة اختيار عامل تشغيل.

  7. في القائمة إعداد المشغِّل، اختَر عاملاً مشغِّلاً. وفي معظم الحالات، يكون خيار جميع الصفحات هو الخيار الأفضل.

  8. أدخِل اسم علامة وانقر على حفظ.

اختياري: إعداد ميزة الإحالات الناجحة المحسّنة

إذا كنت لا تستخدِم ميزة "الإحالات الناجحة المحسّنة"، انتقِل مباشرةً إلى التحقّق من صحة الإعداد.

لضبط الإحالات الناجحة المحسَّنة، اتّبِع الخطوات التالية.

إعداد متغيّر للبيانات المقدَّمة من المستخدِم

تتوفّر 3 طرق يمكنك من خلالها تنفيذ ميزة الإحالات الناجحة المحسّنة في أداة "إدارة العلامات من Google". ما عليك سوى تحديد خيار واحد لجمع البيانات المقدَّمة من المستخدِم.

الجمع التلقائي للبيانات الضبط اليدوي ضبط الرمز
طريقة جمع البيانات تجمع تلقائيًا البيانات المقدَّمة من المستخدِم استنادًا إلى رمز موقعك الإلكتروني.

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

إذا كنت بحاجة إلى التحكّم في تنسيق البيانات وتجزئتها، ننصحك باختيار إعدادات الرمز.
أضِف مقتطف رمز على موقعك الإلكتروني يُرسِل بيانات العملاء المجزّأة للمطابقة.
هذه الطريقة هي أفضل خيار لزيادة دقة الإحالات الناجحة المحسّنة إلى أقصى حد من خلال السماح لك بإرسال بيانات منسَّقة بشكل متّسق كلما تم تنشيط علامة الإحالة الناجحة.
مستوى التعقيد بسيط الوسيط معقّدة
المهارات ما مِن مهارات خاصة مطلوبة ‏HTML وCSS التطوير على الويب

الجمع التلقائي للبيانات

  1. في حاوية الويب، افتح قائمة المتغيّرات.
  2. أنشئ متغيّرًا جديدًا من تحديد المستخدِم من نوع البيانات المقدَّمة من المستخدِم.
  3. اضبط النوع على الجمع التلقائي للبيانات.
  4. أدخِل اسمًا للمتغيّر، مثل My user-defined data.
  5. انقر على حفظ.

الضبط اليدوي

  1. في حاوية الويب، افتح قائمة المتغيّرات.
  2. أنشئ متغيّرًا جديدًا من تحديد المستخدِم من نوع البيانات المقدَّمة من المستخدِم.
  3. اضبط النوع على الضبط اليدوي.
  4. بالنسبة إلى حقل بيانات المستخدِمين ذات الصلة التي تريد تقديمها من خلال ميزة الإحالات الناجحة المحسّنة، أضِف متغيّرًا جديدًا أو حاليًا.

  5. لتحديد أحد العناصر من DOM، أنشئ متغيّر جديد > ضبط المتغيّر > عنصر DOM.

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

  7. أدخِل اسم أداة اختيار لغة CSS أو رقم التعريف. يمكنك ترك حقل "اسم السمة" فارغًا.

  8. أدخِل اسمًا لمتغيّر عنصر DOM واحفظه. ستعود شاشتك بعد ذلك إلى إعدادات البيانات المقدَّمة من المستخدِم.

  9. أدخِل اسمًا لمتغير البيانات المقدّمة من المستخدم، مثل My user-defined data.

  10. انقر على حفظ.

ضبط الرمز

الخطوة 1: تحديد متغيّرات الإحالات الناجحة المحسّنة وتعريفها

يمكنك إما إرسال بيانات غير مجزّأة، ستعمل Google على تجزئتها قبل وصول البيانات إلى الخوادم، أو بيانات مجزّأة مسبقًا. إذا قرّرت إرسال بيانات مجزّأة مسبقًا، يُرجى ترميز البيانات باستخدام خوارزمية SHA256 بترميز سداسي. في كلتا الحالتين، قدِّم حقلاً واحدًا من الحقول التالية على الأقل: البريد الإلكتروني أو رقم الهاتف.
لدفع البيانات غير المُجزّأة إلى طبقة البيانات، يُرجى اتّباع الخطوات التالية:

  1. على موقعك الإلكتروني، خزِّن البيانات المقدَّمة من المستخدِم كأزواج المفتاح/القيمة في متغيّر JavaScript. مثال:

    var leadsUserData = {
      'email': 'name@example.com',
      'phone_number': '+11234567890',
      'address': {
        first_name: 'John',
        last_name: 'Doe',
        street: '123 Lemon',
        city: 'Some city',
        region: 'CA',
        country: 'US',
        postal_code: '12345',
      },
    };
    
  2. أرسِل بيانات المستخدِم مع حدث باستخدام dataLayer.push(). على مثال:

    <script>
      dataLayer.push({
        'event': 'formSubmitted',
        'leadsUserData': {
          'email': 'name@example.com',
          'phone_number': '+11234567890',
          'address': {
             first_name: 'John',
             last_name: 'Doe',
             street: '123 Lemon',
             city: 'Some city',
             region: 'CA',
             country: 'US',
            postal_code: '12345',
           },
         },
      });
    <script>
    

يتوفّر المتغيّر leadsUserData الآن في أداة "إدارة العلامات من Google".

لإرسال بيانات مجزّأة مسبقًا إلى طبقة البيانات:

  1. في موقعك الإلكتروني، عليك تجزئة البيانات المقدَّمة من المستخدِم باستخدام خوارزمية SHA256 بترميز سداسي عشري. يجب أن يبدأ مفتاح البيانات المشفرة بـ sha256_. مثال:

    {'sha256_email_address':await hashEmail(email.trim()),
    }
    
  2. أرسِل بيانات المستخدِمين مع حدث باستخدام "dataLayer.push()". يوضح المثال التالي تنفيذ طبقة بيانات يفترض أنّك كتبت دالة تجزئة بنفسك، وتشغلها بشكل غير متزامن.

    <script>
      dataLayer.push({
        'event': 'formSubmitted',
        'leadsUserData': {
          'sha256_email_address': await hashEmail(email.trim()),
          'sha256_phone_number': await hashPhoneNumber(phoneNumber),
          'address': {
            sha265_first_name: await hashString(firstname),
            sha256_last_name: await hashString(lastname),
            sha256_street: await hashString(streetAddress),
            postal_code: '12345',
           },
         },
      });
    <script>
    

يتوفّر المتغيّر leadsUserData الآن في أداة "إدارة العلامات من Google".

الخطوة 2: إنشاء متغيّر البيانات المقدَّمة من المستخدِم

  1. في حاوية الويب، افتح قائمة المتغيّرات.
  2. أنشئ متغيّرًا جديدًا من تحديد المستخدِم من نوع البيانات المقدَّمة من المستخدِم.
  3. اضبط النوع على الرمز.
  4. بالنسبة إلى حقل بيانات المستخدِمين ذات الصلة الذي تريد تقديمه، انقر على القائمة المنسدلة واختَر متغيّر جديد.
  5. ضمن اختيار نوع المتغيّر، اختَر متغيّر طبقة البيانات.
  6. في متغيّر طبقة البيانات، أشِر إلى بيانات المستخدمين المخزَّنة. مثلاً: leadsUserData
  7. أدخِل اسمًا لمتغيّر طبقة البيانات واحفظه. ستعود شاشتك بعد ذلك إلى إعدادات البيانات المقدَّمة من المستخدِم.
  8. أدخِل اسمًا لمتغير البيانات المقدّمة من المستخدم، مثل My user-defined data.
  9. انقر على حفظ.

تخصيص المتغيّر لعلامة Google

  1. في حاوية الويب، افتح قائمة العلامات.
  2. عدِّل علامة Google التي تستخدِمها لإرسال البيانات إلى خادم وضع العلامات.
  3. ضمن إعدادات الضبط، أضِف مَعلمة ضبط جديدة اسمها user_data. اضبط القيمة على متغيّر البيانات المقدَّمة من المستخدِم، مثل {{My user-provided data}}.
  4. حفظ التغييرات التي أجريتها من المفترض أن تبدو علامتك على النحو التالي:

    لقطة شاشة للإعدادات النهائية لعلامة Google التي تشير إلى متغيّر البيانات المقدَّمة من المستخدِم.

ضبط علامة Floodlight من جهة الخادم

في حاوية الخادم، فعِّل ميزة "الإحالات الناجحة المحسّنة" في علامة مبيعات Floodlight أو علامة عدّاد Floodlight.

  1. ضَع علامة في مربّع الاختيار تضمين البيانات المقدَّمة من المستخدِم.
    alt_text
  2. اضغط على حفظ لحفظ التغييرات.

اختياري: قيمة الأرباح

تستخدِم علامة مبيعات Floodlight المَعلمة value الخاصة بالحدث كالمبلغ التلقائي لاحتساب الأرباح. لتحديد أساس مختلف لحساب قيمة الأرباح، عليك إعداد متغيّر لسحب البيانات من قاعدة بياناتك وتخصيصه لعلامة مبيعات Floodlight.

لإنشاء متغيّر جديد:

  1. في حاوية الخادم، افتح قائمة المتغيّرات.
  2. إنشاء متغيّر جديد من تحديد المستخدم لإدخال البيانات على سبيل المثال، إذا كنت تريد استخدام قيمة من قاعدة بيانات Firestore، فأنشئ متغير &lcub;&lcub;Firestore Lookup&rcub;rcub;.
  3. حدِّد مصادر البيانات للمتغيّر.
  4. أدخِل اسمًا للمتغيّر، مثل "البحث عن الربح"، ثم احفظه.

لاستخدام المتغيّر في علامة مبيعات Floodlight:

  1. في حاوية الخادم، افتح قائمة العلامات.
  2. عدِّل علامة مبيعات Floodlight.
  3. في القسم المَعلمات الفريدة:

    • بالنسبة إلى مصدر البيانات، اختَر ضبط مخصّص.
    • بالنسبة إلى الأرباح، اختَر المتغيّر الذي أنشأته من قبل.
    • في حقل مُعرّف الطلب، أدخِل معرّفًا أو استخدِم متغيّرًا لتعبئة مُعرّف الطلب ديناميكيًا.

    قيمة تتبُّع مبيعات Floodlight مع الأرباح

  4. احفظ العلامة.

اختياري: المَعلمات المخصّصة

يمكنك تمرير الحقول المخصّصة من صفحة الويب إلى "منصة Google للتسويق"، مثل match_id.

إدارة العلامات من Google

لضبط الحقول المخصّصة في Floodlight، أضِف x-dc- إلى اسم مَعلمة في البداية:

  1. في حاوية الويب، افتح قائمة العلامات.
  2. عدِّل علامة حدث في "إحصاءات Google 4" أو أنشئ علامة جديدة.
  3. في مَعلمات الأحداث، أضِف اسم المَعلمة. للإشارة إلى أنّه ينتقل إلى Floodlight، أضِف x-dc- في البداية. على سبيل المثال، إذا كنت ترسل عادةً match_id، يمكنك تغييره إلى x-dc-match_id.

    ضبط مَعلمات dc- في علامة الويب على &quot;إحصاءات Google 4&quot;

  4. احفظ العلامة.

gtag.js

لضبط الحقول المخصّصة في Floodlight، أضِف x-dc- إلى اسم معلَمة الحدث في البداية:

  gtag('event', 'purchase', {
      'x-dc-match_id': [MATCH_ID],
      ...
  })

الخطوة 3: التحقّق من صحة الإعداد

بمجرد بدء إرسال البيانات باستخدام حاوية الخادم، يمكنك التحقق ممّا إذا كانت تعمل بشكل سليم أم لا باتباع الخطوات التالية:

  1. افتح موقعك الإلكتروني.
  2. في حاوية خادم "إدارة العلامات من Google"، اختَر معاينة. ستبدأ Tag Assistant في بدء تحميل حاوية الخادم وتحميلها.
  3. تعرض لك علامة التبويب العلامات جميع العلامات التي تم تنشيطها. تأكّد من تنشيط العلامة التي ضبطتها.
  4. تعرض علامة التبويب وحدة التحكم أي أخطاء حدثت أثناء نقل البيانات إلى حاوية الخادم. ابحث عن الأخطاء وأصلحها.

لمزيد من المساعدة بشأن تصحيح أخطاء حاويات "إدارة العلامات من Google"، اطّلِع على مقالة المساعدة بشأن المعاينة وتصحيح الأخطاء.

الخطوات التالية

بعد أن تعمل علامة Floodlight على النحو المطلوب، يمكنك إزالة أيّ علامات Floodlight مكافئة في حاوية الويب لتجنُّب تكرار البيانات.