35

كيف تقوم بتتبع تحويلات CRM في وضع عدم الاتصال في (Google Analytics) ( الجزء 2)

في هذا الفيديو، سأنتقل بكم خطوة خطوة خلال عملية إعداد Active Campaign الخاص بنا وإضافة علامة لإطلاق عمليات في Google Analyticsوالتي ناقشنها في الفيديو الأخيرلأذا إذا لم تراه حتى الآن، فاضغط بالتأكيد على هذا الزر بالأعلى هناوسيأخدك إلى هذا الفيديولدينا الكثير لتغطيته، فلنبدأ الآن.ولقد قمتُ الآن بمسح كافة التعقبات المختلفة التي قمتُ بتثبيتها من قبلدعونا نمضي قدمًا وننشئ هذا من الصفر خطوة بخطوةأولًا، يجب علينا دمج نموذجنا الذي ينقل المعلومات إلى Active Campaignلذا، سينتقل Active Campaign إلى النماذج هناثم أسفل نموذج العرض، يمكنك تعديل النموذج الحالي أو إنشاء نموذج جديدوسأنشئ نموذجًا جديدّا واسميهاختر نموذجًا عبر الإنترنت كما نريد لنشرها على موقعناوعندما يشترك المستخدم، فسنضعه في قائمة جهات الاتصالإذن، للنشئ هذا النموذجوسندخل نموذج الإنشاءالآن داخل الشكل لدينا بالفعل حقلان هنا؛ الاسم بالكامل، والبريد الإلكترونيلنقم بإضافة رقم الهاتف والحقل الخاص الذي سنخفيه لاحقًاوسيكون هذا حقل معرّف للعميل الخاص بناإذن سنضيف هنا حقل مخصص وسيكون هذا حقل إدخال النص الخاص بناوسنسمي هذا "Client ID"ولنقوم بإضافتهوالآن هنا أسفل الحقول الخاص بي، لدينا هوية العميل الخاص بنالذا، سأضيفها هنا أيضًاالآن، يمكنك تغيير الرسالة هنا حيث قد ترغب في تخصيصهالكنني سأترك ذلك في الوقت الحاليوسأقوم بالنقر على زر الدمج الذي سيعطي كود HTML الخاص بي هناإذن، سأنسخ هذا وأعود إلى موقع الويب الخاص بيوسأقوم بتعديل هذه الصفحة لكي ندمج هذا النموذج في الحقول النصية، سأقوم بإضافة الكود الخاص بي هنا وتحديث هذاوكما ذكرتُ، يمكنك أيضًا القيام بذلك من خلال برنامج تابع لجهة خارجية والذي يتم دمجه مع Active Campaignولدينا هنا ا\لان كل الحقول الخاصة بناالآن، قد ترى معرّف العميل، فهذا لم يختفي حتى الآن.وهذا شيء سنفعله لاحقًاوالآن، أريد إعداد ميزة التتبع التي من شأنها إدخال معرّف العميل في هذا الحقلوالآن، من أين نحصل على معرّف العميل؟معرّف العميل هو في الواقع أمر يتم إنشاؤه تلقائيًا من خلال علامة عرض الصفحةلذا، إذا كان لدينا Google Tag Manager مثبت على هذا الموقع أيضًاوتم بالفعل تثبيت تتبع عرض صفحة GPوإذا قمتُ بإعادة تحميل الصفحة، فسنحصل على وضع المعاينةوفي وضع المعاينة، قد تم بالفعل نشر علامة عرض صفحة GPوهذا يعطينا معرّف العميلالذي يتم حفظه في ملفات تعريف الإرتباط الخاصة بناإذن، هنا يمكننا رؤية معرّف العميل الذي نود نقله ويمكننا فعلًا الحصول على معرّف العميل مباشرة من خلال JavaScriptباستخدام متغير JavaScript المخصصلذا، دعونا نقوم بإعدادهانتقل إلى Google Tag Manager وانقر على المتغيراتوأنشئ متغيرًا معرفًا للمستخدم جديدوسيكون هذا متغير JavaScript المخصص لمعرّف العميلوكتكوين كان مخصصُا ل JavaScript وندخل هنا JavaScript التي أعددتها فعليًاالآن، ستقوم JavaScript بالبحث والنظر في كافة أجهزة التتبعوالبحث عن معرّف التتبع الخاص بنا الذي سنحتاج إلى تعريفه لذا، دعونا ننتقل إلى حساب Google Analytics والانتقال إلى معلومات التتبع وكود التتبع هناوسنذهب ونقوم بإدخال هذا في Google Tag Manager أيضًاوبالمناسبة، أعد هذا الكود سيمو أهافالذا، إذا أردت معرفة المزيد حول كيفية عمل ذلك فعليًايمكنك الانتقال إلى المدونة الخاصة بهوسأضع الرابط الخاص بها في الأسفل أيضًاوالآن، بعد أن أصبح لدينا الإعداددعونا نجرب ذلك فلنحفظ هذا ونطلع على النموذج الخاص بناوسنقوم بالتحديث وإعادة التحميل هناوسيظهر لنا وضع المعاينة وتصحيح الأخطاء أنه تم حفظ معرّف العميل في هذا المتغيرلذا، اسحبه للخارج بشكل صحيحنحتاج فقط إلى تعبئته في هذا الحقل ولكي نفعل ذلك، نحتاج إلى نشر علامة HTML مخصصة إذن، سنذهب وننقر على جديد هنا في قسم العلامات واختيار علامة HTML مخصصةونسمي كل هذاوسأسميه "Contact us- client Id form fill "ومجددًا هنا، لدي بعض الأكواد الموجودة مسبقًا في فئة محدد CSSوأي شيء تريد تعبئته في الحقلوهذا في الواقع كود كتبته لفيديو آخر إذا أردت الإطلاع عليه وسأضع أيضُا الرابط في الأسفلوهو عن ملء حقل نموذج من خلال Google Tag Managerولكن في حالتنا الخاصة، نريد بالفعل الحصول على حقل النموذج المخفيأو حقل معرّف العميل غير المخفي بعدفلذا، يجب علينا معرفة محدد CSS كيف يمكننا معرفة ذلك؟فلنذهب إلى البحث هناولديه الحقلوهناك طرق مختلفة لاختيار هذا الحقل المحددويمكنك محاولة نسخ محدد css مباشرةولكن ما أود القيام به هو تجربة هذا الأمر بدلًا من أدوات المطورإذن، سأجعل هذا أكبر قليلًا واضغط على مفتاح "Escape"وسيفتح هذا لوحة التحكم الخاصة بناوهنا يمكنني كتابة كلمة "document.querySelector"وفي أقواس، أجرب محدد css الخاص بيورؤية ما إذا كان قد أعاد أي شيءولكن الشيء الأكثر تميزًا في هذا المحدد بالنسبة لياسم الحقل وهو الحقل الخاص بهلا يوج حقل آخر يحتوي على حقل الاسملذا، يمكننا تجربة ذلك من خلال وضع حقل الإدخال هنا أولًاثم في هذه الأقواس المربعة، سأضع "[’name=’field[4]"ها نحن ذا، يجب علينا وجود ذلك ونضغط إدخل الحقل المحدد لديناإذن هذا هو محدد CSS الذي أود استخدامه فقط قم بنسخ هذا وإعادته هنا إلى Google Tag Manager الآن، سيكون الجزء الثاني مملوء بهذا الإدخال مع قيمة معينةمن أين نحصل على القيمة من حيث سنقوم بتعبئتها بمعرّف العميل؟وهذا ما سنسحبه من متغير إذا كنت قد أعددته بالفعلنحن فقط نحتاج إلى كتابة هذا داخل قوسين منحنيين وبعد ذلك ستظهر هذه القائمةوالآن، نحتاج إلى تحديد متى يجب علينا بالفعل ملء حقل هذا النموذج؟حسنًا، أرغب في ملء هذا في هذه الصفحة في نموذج Active Campaignوأرغب في تحميلها عندما يتم تحميل النموذج الخاص بيوهذا مهم جدًا لأننا لا نريد ملء النموذج عندما لم يتم تحميله بعدلأن هذا يسبب فشل في البرنامج النصيلذا، أكثر الطرق أمانًا للقيام بذلك هي إطلاقه متأخرًا جدًافي حالتنا، سيكون DOM Ready وسيعلمنا بأنه تم تحميل الصفحة بشكل صحيحإذن، دعونا ننتقل إلى Tag Manager وننشئ علامة جديدة بناءً على مناسبة DOM Readyوسيكون هذا نموذج AC في DOM Readyوكشروط، أود أولًا التحقق مما إذا كان مسار الصفحة يحتوي على نموذج Active Campaignوأود أيضًا أن أعرف ما إذا كان معرّف العميل لا يساوي غير معرفلذا إذا كان معرّف العميل غير قادر على التعريف، فلا أريد ملء هذا الحقل أيضًالنحفظ هذا ونحفظ علامتنا ونقوم بالتحديثونجرب هذا مجددًاإعادة التحميلوسنرى هنا أنه تم ملء معرّف العميل الخاص بي من خلال علامة حقل نموذج معرّف العميلإذن هذا هو معرّف العمل الصحيح الذي سنحتاج إليه لتحديد هوية المستخدموتم تحديد هذا في الواقع كمستخدمين Google Analytics أيضًاالآن، قد ترون أنه ما زال مرئيًافلنتهم بهذا إذنسننتقل إلى ترميز HTML للنموذج الخاص بنا ونبحث بالضبط على حقل النموذج هذالذا دعونا ننتقل هناوكما نرى كان هذا الحقل هنا وهو حقل معرّف العميلالآن، لم نعد بحاجة إلى "Label"لأن هذا سيؤدي إلى الجهة الأمامية فحسبلكن يجب بقاء حقل الإدخالوبدلًا من كلمة "type=text" سنكتب ببساطة ''type=hidden''وسيصبح هذا حقل نموذج مخفيولنحدّث هذا ونعود إلى صفحتناها نحن ذاولم يعد الحقل الخاص بنا الآن مرئيًا ولكننا ما زلنا نراها في HTMLلذا إذا انتقلت إلى عناصر البحث وانتقلت إلى هنا لرؤية أنه واحد من آخر هذه العناصر هناها نحن ذالدينا الحقل رقم 4 الخاص بنا وهو بالفعل مملوء بمعرّف العميل وغير مرئيلكن إذا أردت رؤيتهاوهي قيد التنفيذ مجددًا فيمكنك فقط تغيير هذه القيمة إلى "Text"وسترى هنا حقل النموذجولكن بالنسبة لنا، فيجب أن تكون "hidden" بشكل افتراضيالآن، بعد أن أصبح هذا في مكانه الصحيحدعونا نمضي قدمًا ونجرب ما إذا تم تلقيه بواسطة Active Campaignلذا تم ملء هذه المعلوماتلنقوم بتقديم هذا ونسجل الدخولوسترى هنا الاتصال الخاص بنا في سجلات الإتصالها نحن ذاهذا هو المستخدم مع المعرّف الخاص بهإذن الآن لدينا كافة المعلومات التي سنحتاج إليها في Google Analyticsوعمليات الإطلاق في Active Campaignنحتاج فقط إلى طريقة لنقل هذا إلى Google Analytics وهذا هو المكان الذي تكون فيه الآليةنحتاج إلى إطلاق آلية عندما يضيف شخص ما علامة جديدةلذا لنبدأ، ونضيف آلية جديدة سننشئ ألية جديدة من البدايةونريد إطلاق هذا عندما يضيف المستخدم علامةهذه العلامة قابلة للتعريف بحرية بالنسبة لنا، تم التحويل في وضع عدم الإتصالفلنلصق هذاويمكنك اختيار ما إذا كان يمكن للمستخدم التشغيل مرة واحدة أو إنشاء تحويل واحد أو عدة مراتسأختار عدة مرات هنادعونا نضع هذا في البدايةوالآن، نحن بحاجة إلى تحديد الإجراء الذي نريد إتخاذه في الآلية الخاصة بناالآن، لا نريد إرسال برد إلكترونيولكننا نريد ببساطة نشر هذا على webhookلذا قم بنشر بيانات الإتصال إلى عنوان URL من اختياركولقد اخترنا ذلك ويجب إدخال عنوان ال URLوأود أن أقول الآن أننا سننتقل إلى موقع التجريب الذي هو webhook.siteالذي يمكنك الذهاب إليهوسنعطيك عنوان ال URL الخاص ب webhook الذي يمكنك اختبارهلذا سنقوم بنسخ هذا إلى الحافظة ونضعه في هذا الحقلولنحفظ ذلكوفي النهاية، بمجرد إنتهاء المستخدم من هذه الخطوةأريد إنهاء هذه الآليةحتى لا يكون عالقًا بداخل الآليةويجب علينا تسمية الآلية الخاصة بنافلنختار "offline conversion" هنا ونحفظ ذلكوالآن، نحتاج إلى تحويل كل هذا إلى نشطونجرب ذلك من خلال الإنتقال إلى سجل الإتصال الخاص بنافلنضيف علامة "offline conversion"تم إضافتهاالآن يجب إضافة جهة الإتصال هذه إلى الآلية الخاصة بنا فلنقوم بإعادة تحميل جهة الإتصال هذهويمكنك أن ترى أنه أدخل الآلية الخاصة بك وأكملها بالفعلفعندما ننقر على الآلية ونرى كيف انتقل المستخدم إلى هنا يمكننا أن نرى أنه تم نشر هذا على webhook نفسهثم انتهىإذن لابد من وجود بيانات جديدة على موقع webhook هنانعم، يبدو أنه تم إرسال كافة جميع جهات الإتصال إلى موقع webhookإذن فمن ناحية الآلية و Active Campaignفكل شيء يعمل بشكل صحيح فعليًاالآن، نحتاج إلى إرسال هذه البيانات إلى Google Analyticsهذا ه المكان الذي يأتي منه البرنامج النصي الخاص بناالآن، البرنامج النصي الخاص بنا هو في الواقع شيء متصل ب Google Sheetوسأضع لكم الرابط في الوصف بالأسفليمكنك إنشاء نسخة في حساب Google Drive الخاص بكوبمجرد فتح ذلك ونسخه إلى حساب Drive الخاص بك فعليك إنشاء بعض التكويناتإذن أول شيء تحتاج لفعله هو الانتقال إلى الأدوات وإلى محرر النصوص وننقر على زر النشر هناونشره كتطبيق ويبالآن، سيعطينا هذا عنوان ال URL الخاص بنا الذي سنضعه في Active Campaignحسنًا، بمجرد فتح النافذة يمكنك النقر على "execute the ap as me " ومن لديه الوصول إلى التطبيقحسنًا، أي أحد حتى المستخدمين المجهولين حسنًا، تحديثونحن بحاجة إلى مراجعة بعض الأذونات الآن هنا، يجب عليك استخدام حساب Google وسيخبرك بأنه سيشاهد تحرير جداول ابيانات الخاصة بك وهي بالضبط جدول البيانات هذاونحتاج أيضًا إلى التأكيد على أننا سنتصل بخدمة خارجية وبالنسبة لنا ستكون Google Analytics فلنسمح لهذاوبالعودة إلى تطبيقنا، يجب أن نحصل على عنوان URL لتطبيق الويب الخاص بناالذي سنستخدمه في Active Campaignإذن فلننسخ هذا وإغلاق هذا الآنووضعه في الآلية الخاصة بنا هناإذن بدلًا من موقع webhook، سنقوم الآن بنشر هذا علىعلى البرنامج النصي لتطبيق Google ولنحفظ هذاوقبل إجراء إختبار، دعونا نلقي نظرة على صفحتنا التي أنشأناها وفي صفحتنا، سنرى ملف السجل لذا، كل إطلاق أرسلناه موجود هنا مع كل التكويناتولكن نظرًا لأن Active Campaign توفر معرّف العميل فنحن بالواقع بحاجة إلى تحديد عدد قليل من الأشياء التي نرغب في الحصول على نتائجنا التي أرسلناها إلى Google Anlyticsلذا أولًا، ستحتاج إلى ملء معرّف التتبع هنالقد قمتُ بذلك بالفعلولكن أذا لم يتم ملئها، فستفشل نتائجك بالتأكيديمكنك ترك هذه النسخة بدون تغييروسيملء webhook معرّف العميللذا، لا تغير هذاسنرسل المناسبة، والعمليات وكفئة دون إتصال الإنترنتوكإجراء ومن ثم كاسم المناسبة هي معرّف العميلويمكنك تغيير هذا الآن، يمكنك تخصيص هذاولكن كن على علم بأنه قد تم تهيئة العمل مسبقًاوإذا قمتَ بتغيير أي شيء، فقد تحتاج إلى تعديلهوتم تعيين هذا كنتيجة عدم تفاعل: "صحيح"وبعد ذلك كمعرّف للعمليات، لقد اتخذت بالفعل صيغة هنا للتوصل إلى معرّف عشوائي الذي سيتمكن لاحقًا من التعرف عليهمن خلال "O" ثم الرقم لذلك، وضع عدم الإنصال ومن ثم الرقم الذي هو ببساطة عشوائيثم سننتقل إلى نتيجة التجارة الإلكترونيةلذا لدينا في نتيجة التجارة الإلكترونية ارتباط الذي لا يتم ملئهكل الحقول التي لا تملأ يتم ببساطة إسقاطهايمكننا وضع في إيراداتناإذن إذا كان تحويلنا يساوي 100دولار، فسنضع ذلك هنا في الضريبةمعلومات الشحن التي جعلتها صفرًاوقسيمة العمليات إذا كان هناك ويمكنك أيضًا إدخال معلومات المنتجإذن، شراء المنتج، ومعرّف المنتج، والكمية ، والسعر، والفئة إذا اخترتَ ذلكويمكنك أن تدخل منتجات متعددة ولهذا، سأشجعك على نسخ المنتج الثاني هنا ويمكنك إضافة منتج ثالث أو رابع وما إلى ذلكالآن، ستستخدم هذه المعلومات لإنشاء نتيجة عملية تجارة إلكترونيةالتي يتم إرسالها إلى Google Analyticsلذلك إذا ارتكبت أي شيء خاطئ هنا، فقد لا يعمل هذالذا انتبه إلى الحقولأو في النهاية، قد تحتاج إلى تصحيح الأخطاء أو العودة إلى النسخة القديمة هناالتي تم ملأها بشكل صحيححسنًا، لقد انتهينا من هذا الإعداد بالفعليمكننا الآن المضي قدمًا واختبار هذا التطبيق بأكمله من خلال العودة إلى سجل الإتصال الخاص بناوما عليك سوى حذف هذه العلامة مجددًا وإضافتها مجددًا ومن ثم الانتقال إلى Google Analytics حيث سيتم استلام البياناتدعونا ننتقل إلى المناسباتوها نحن ذا لدينا مناسبة جديدةلا نرى أي شيء هنا لأنها نتيجة غير تفاعليةلذا أسف المناسبات التي تستمر لمدة 30 دقيقة نرى الآن عمليات عدم الاتصال الخاصة بنا معرّف المعميل الصحيح التي نأمل أن تكون لدينا داخل سجل الاتصال الخاص بنا نعموهي تنتج الآن تحويلًاولاحقًا، سنكون قادرين على البحث في تقرير مستكشف المستخدم لديناوإذا كنتَ مهتمًا بمن اين أتى المستخدمأو في تقارير التحويل الخاصة بنا هنا تحت التجارة الإلكترونيةسنرى هذا أيضًا في أداء المبيعات كعملية بدون اتصال التي حدثت والآن، لنمضي جميعًا إلى النهايةفلم نقم بتقديم نسخة فعليًا حتى الآنلذا، سنضع ذلك مباشرة على موقع الويب الخاص بنا الذي يملأ هذا من نموذج الحقل المخفي الخاص بناإذن سأقوم بإضافة هذاونشر هذاوسيتم نشره مباشرة على موقع الويب الخاص بناإذن هذه هي الطريقة التي يمكنك بها تلقائيًا إنشاء تحويل في وضع عدم الاتصال من خلال تحرير الهجوم في Active Campaignحسنًا، إذن لقد شرحنا في هذه الدورة التعليمية كيفية إعداد هذاوآمل أن تكونوا أحببتم تقنية التتبع هذهولقد ساعدتني بالتأكيد على تتبع المزيد من التحويلات الخاصة بي عن كثبأحب أن أسمع منكم إذا كنتم تستخدمون هذه الخاصيةوإذا واجهتكم أي مشكلة لإعداد هذااسمحوا لي أن أعرف في التعليقات بالأسفلويمكننا بالتأكيد مع بعض التخصيصات جعل هذا الأمر أكثر ديناميكيةأو جعله يدعم أنظمة CRM الأخرىلذا، إذا كنتَ مهتمًا بذلكفأخبرني أيضًا في التعليقات بالأسفلوربما يمكنني إعادة كتابة البرنامج النصي للمنصات الأخرىوالآن إذا لم تقم بذلك، فاضغط على زر الاشتراك هناكلتبقى على إطلاع دائم بكل ما نفعله هنا في هذه القناةواسمي جوليانأراكم في المرة القادمة