العودة إلى المدونة

المدونة

SignalHost لـ Shopify: تتبّع من جانب الخادم من أول مشاهدة صفحة حتى الشراء

نُشر · 6 دقائق قراءة

SignalHost لمنصة Shopify غير متاح على Shopify App Store بعد. وحتى يتوفر، يمكنك إضافته يدويًا: إضافة SignalHost يدويًا

يمنح تطبيق SignalHost متجر Shopify خدمة Google Tag Manager من جانب الخادم دون تعديل القالب ودون أي كود. حين تربطه، تنشئ SignalHost بكسل ويب في متجرك يرسل مشاهدات الصفحات والسلال وكل خطوة من خطوات الدفع والمشتريات إلى خادم الوسم الخاص بك، الذي يمرّرها إلى Google Analytics 4 وإلى منصات إعلاناتك. يتناول هذا الدليل التثبيت والربط والاختبار وتضمين القالب الاختياري، وما تفعله حين لا يعمل شيء ما.

قبل أن تبدأ

  • متجر Shopify فيه متجر إلكتروني (online store). يعمل التطبيق في واجهة المتجر وفي صفحة الدفع لدى Shopify.
  • حساب SignalHost. الخطة المجانية تكفي للتجربة: عشرة آلاف طلب شهريًا وحاوٍ واحد. ويمكنك إنشاء الحساب أثناء الربط.
  • صلاحية تثبيت التطبيقات في لوحة إدارة Shopify.

1. ثبّت التطبيق

افتح SignalHost: Server Tag Manager في Shopify App Store وثبّته. لا يطلب التطبيق من Shopify إلا صلاحيتين: إدارة بكسلات الويب وقراءة أحداث العملاء. ولا يطلب أي وصول إلى قالبك ولا إلى بيانات عملائك. بعد التثبيت، يُفتح في لوحة إدارة Shopify ضمن Apps.

2. اربط متجرك بحاوٍ

تعرض صفحة التطبيق «اربط مع SignalHost»، وإن كنت جديدًا «أنشئ حسابًا مجانيًا». كلاهما يفتح signalhost.io في علامة تبويب جديدة؛ سجّل الدخول أو أنشئ حسابك هناك.

تخبرك الشاشة التالية بما سيتمكن التطبيق من فعله — إضافة كود التتبّع إلى كل صفحة من متجرك، وإرسال أحداث السلة والدفع فيه إلى الحاوي، وقراءة حالة الحاوي — وما لا يستطيعه: قراءة بيانات الاتصال الخاصة بعملائك، أو استخدام حساب Google الخاص بك، أو الاطلاع على فوترتك. ثم تسألك أي حاوٍ يجب أن يستخدمه المتجر. الحاوي هو خادم الوسم الخاص بك: حاوي ويب وحاوي خادم في Tag Manager، يُبنيان في حساب Google الخاص بك، فيبقيان ملكك.

اختر واحدًا واضغط «اربط»، أو اختر «حاوية جديدة لـ…» مع اسم متجرك واضغط «إنشاء الحاوية» لتمرّ بالمعالج القصير. وعند عودتك إلى Shopify، تتحدّث صفحة التطبيق من تلقاء نفسها. وإن ظهر «أكّد الربط»، فتحقّق من الحساب والحاوي المذكورين واضغط «تأكيد الربط».

3. يبدأ التتبّع من تلقاء نفسه

لا يوجد كود تلصقه، ولا قالب تعدّله، ولا شيء تنشره. حين يُربط المتجر، تنشئ SignalHost بكسل الويب الخاص بالتطبيق وتمنحه عنوان الوسم الخاص بك ومعرّف القياس في Google Analytics 4 لحاويك. تشغّله Shopify في كل صفحة من واجهة المتجر وفي صفحة الدفع. ويعرض التطبيق «أوشكنا على الانتهاء» بينما يُبنى حاوٍ جديد، ثم «التتبّع يعمل الآن».

4. اختبره

افتح متجرك في علامة تبويب جديدة، واقبل لافتة ملفات تعريف الارتباط، واعرض منتجًا، وأضفه إلى السلة، وابدأ عملية الدفع. وعند عودتك إلى التطبيق، تعدّ «آخر 7 أيام» خلال دقائق قليلة «مشاهدات الصفحات» و«الإضافة إلى السلة» و«إتمام الشراء» و«عمليات الشراء»؛ ويقرأ «تحديث الحالة» آخر وضع.

يفتح «فتح الإحصاءات والإعدادات» حاويك على signalhost.io، حيث تسرد «مراقبة الأحداث مباشرة»، بدءًا من خطة Growth، كل حدث لحظة وصوله، مع بلده ومتصفحه وحالة الموافقة فيه.

ما يرسله التطبيق

تسلّم Shopify أحداث العملاء الخاصة بها إلى البكسل، ويحوّلها البكسل إلى أحداث Google Analytics 4:

  • page_view، في صفحات واجهة المتجر وصفحات الدفع
  • view_item و view_item_list و search
  • add_to_cart و remove_from_cart و view_cart
  • begin_checkout و add_shipping_info و add_payment_info
  • purchase، مع القيمة والضريبة والشحن وأكواد الخصم

يستخدم البكسل ملفات تعريف الارتباط الخاصة بـ Google Analytics لدى الزائر، فينتمي حدث الدفع إلى الزائر نفسه والجلسة نفسها اللذين ينتمي إليهما حدث صفحة المنتج التي سبقته. ويغادر كل طلب المتصفح بشكل لا تتعرّف عليه حاجبات الإعلانات، ويمرّره خادم الوسم الخاص بك إلى Google Analytics 4 وإلى منصات الإعلانات التي تُعدّها في صفحة الحاوي: Google Ads وMeta وTikTok وغيرها.

لا تشغّل Shopify البكسل إلا حين يسمح اختيار الخصوصية لدى الزائر بالتحليلات، فلافتة ملفات تعريف الارتباط في Shopify هي التي تقرر من يُحتسب؛ أما اختيار الإعلانات فيرافق كل حدث، فيستطيع حاوي الخادم لديك حجب الأحداث عن منصات الإعلانات. ولا يقرأ التطبيق بيانات الاتصال الخاصة بعملائك أبدًا.

اختياري: حاوي Tag Manager الخاص بك في كل صفحة

يرسل البكسل أحداثه بنفسه ولا يحمّل حاوي الويب الخاص بك في Tag Manager. لا تحتاج إلى ذلك الحاوي في واجهة المتجر إلا إذا كانت فيه وسوم خاصة به، مثل أداة خرائط حرارية أو تتبّع التمرير والنقرات في GA4. عندها افتح «اختياري: حمّل حاوية Tag Manager الخاصة بك في كل صفحة» في التطبيق واضغط «التفعيل في محرر القالب»؛ يُفتح محرر القالب في Shopify وSignalHost مفعّل فيه، ويسري ذلك حين تضغط Save هناك.

عندئذ يرسل حاوي Tag Manager لديك مشاهدات الصفحات في صفحات واجهة المتجر، ويتركها البكسل هناك، فلا يُحتسب شيء مرتين. ويجعل إعداد التضمين «Use Shopify's cookie banner for Google Consent Mode» الوسوم تنتظر جواب الزائر؛ فلا تعطّله إلا إذا كان تطبيق آخر يضبط Google Consent Mode أصلًا.

نطاق التتبّع الخاص بك

يبدأ حاويك على عنوان تحت signalhost.io. في خطة مدفوعة، يرشدك «إعداد نطاقك الخاص» في صفحة الحاوي إلى إعداد نطاق فرعي من نطاق متجرك، مثل metrics.yourshop.com، بسجل DNS واحد. تعامله المتصفحات على أنه طرف أول، فتُحتسب ملفات تعريف الارتباط الخاصة به ملفاتك أنت، وتبقى النقرات على الإعلانات منسوبة إلى مصدرها. وحين يبدأ الخدمة، ينقل التطبيق واجهة متجرك وصفحة الدفع إليه خلال دقائق قليلة. لا يوجد شيء تستبدله يدويًا.

إضافة SignalHost يدويًا

يمكنك وضع SignalHost على متجر Shopify دون التطبيق. على signalhost.io، افتح حاويك، وابحث عن المقتطف في بطاقة «التثبيت على موقعك» واضغط «نسخ». ثم انتقل في Shopify إلى Online Store › Themes › ⋯ › Edit code، وافتح theme.liquid وألصق المقتطف مباشرة بعد وسم head الافتتاحي. وإن كان قالبك يحمّل أصلًا Google Tag Manager أو وسم Google لعقار Analytics نفسه، فاستبدل ذلك المقتطف بدلًا من إضافة مقتطف ثانٍ. احفظ، وزر متجرك، واضغط «لقد فعلت ذلك» في صفحة الحاوي.

بذلك يُحمَّل حاوي Tag Manager لديك في صفحات قالبك، مع مشاهدات الصفحات وكل ما يدفعه قالبك إلى طبقة البيانات بنفسه. لكنه يفتقد ما يضيفه البكسل: صفحة الدفع في Shopify لا تشغّل أي كود من القالب، فلا تصل خطوات الدفع والشراء أبدًا إلى مقتطف في theme.liquid، كما أن أحداث المنتجات والسلة تأتي من البكسل أيضًا. وحين يبدأ نطاقك الخاص الخدمة، تستبدل المقتطف بنفسك. وإن ثبّتّ التطبيق لاحقًا، فأزل المقتطف أولًا، وإلا احتُسبت كل مشاهدة صفحة مرتين.

الخطط والفوترة

المتجر المرتبط عبر التطبيق يدفع مقابل SignalHost عبر Shopify. يفتح «الخطط والفوترة» في صفحة التطبيق صفحة Shopify لاختيار خطتك أو تغييرها، ويظهر المبلغ في فاتورة Shopify الخاصة بك. وبعد الربط، يعرض التطبيق أيضًا طلبات هذا الشهر مقارنةً بحد خطتك.

للحساب الواحد دافع واحد. إن كان حسابك في SignalHost يُدفع ثمنه بالبطاقة أصلًا، أو كان متجر Shopify آخر يدفع عنه، فإن التطبيق يخبرك بذلك ولا تُستخدم خطة هذا المتجر؛ ألغِ إحداهما كي لا تدفع مرتين.

الإدارة وقطع الاتصال

يوجد «قطع الاتصال» أسفل صفحة التطبيق، ويطلب ضغطة ثانية. بعدها تزيل SignalHost بكسل التطبيق والقيم التي يقرؤها تضمين القالب، ويتوقف تحميلها في متجرك خلال دقائق قليلة. يبقى حاويك وإحصاءاته، ويعيد «اربط مع SignalHost» ربط المتجر. وتسرد «الإعدادات › المواقع المرتبطة» على signalhost.io المتجر أيضًا.

أما إن ألغيت تثبيت التطبيق في Shopify، فتضع SignalHost علامة على المتجر بأنه غير مرتبط، وتنتهي الخطة المدفوعة عبر Shopify مع التطبيق: يعود حسابك إلى الخطة المجانية.

حين لا يعمل شيء ما

  • يبقى التطبيق على «أوشكنا على الانتهاء»: ما زال حاوٍ جديد قيد البناء، وهذا يستغرق بضع دقائق. وإن فشل بناؤه، فافتح الحاوي لترى السبب.
  • يقول التطبيق إن حاويك ليس فيه عقار Google Analytics بعد: افتح الحاوي وأضف واحدًا. وإلى ذلك الحين لا يجد البكسل مكانًا يرسل إليه البيانات.
  • تبقى «آخر 7 أيام» عند الصفر: افتح المتجر المباشر واقبل لافتة ملفات تعريف الارتباط. لا تشغّل Shopify البكسل إلا للزوار الذين يسمح اختيار الخصوصية لديهم بالتحليلات.
  • مع تفعيل تضمين القالب، يقول التطبيق إن كود التتبّع يظهر مرتين أو إن نسخة أقدم منه ما زالت في قالبك: أزل المقتطف الذي لصقته من قبل في theme.liquid.
  • بلغت حد خطتك: لا تُسجَّل الأحداث الجديدة حتى التاريخ الذي يذكره التطبيق، ما لم ترقِّ خطتك.
  • أي شيء آخر: اكتب إلى hello@signalhost.io مع عنوان متجرك.

العلامات التجارية

SignalHost منتج مستقل من Algorithmo GmbH، وهو غير تابع لـ Shopify أو Google أو Meta أو TikTok ولا يحظى بتأييد أيٍّ منها. Google Analytics وGoogle Ads وGoogle Tag Manager علامات تجارية لـ Google LLC؛ وMeta علامة تجارية لـ Meta Platforms, Inc.؛ وTikTok علامة تجارية لـ ByteDance Ltd.؛ وShopify علامة تجارية لـ Shopify Inc.

كفى خسارةً للبيانات أمام أدوات الحجب

ابدأ مجانًا. شغّل حاويتك الأولى خلال دقائق.