SignalHost لـ Framer: اربط الإضافة، وانشر مرة واحدة، وتأكّد من أن موقعك المباشر يحمل الكود

• موقع Framer نُشر مرة واحدة على الأقل. تحتاج الإضافة إلى عنوان موقعك لتربطه، وتطلب منك النشر أولًا إن لم يكن له عنوان بعد.
• صلاحية التحرير في مشروع Framer. تحفظ الإضافة اتصالها في المشروع وتكتب في الكود المخصص للموقع، وكلاهما يحتاج إلى هذه الصلاحية.
• حساب SignalHost. الخطة المجانية تكفي للتجربة: عشرة آلاف طلب شهريًا وحاوٍ واحد. ويمكنك إنشاء الحساب أثناء الربط.

ابحث عن SignalHost في Framer Marketplace وافتحها في مشروعك. تُفتح على شكل لوحة صغيرة فيها زر واحد، «Connect with SignalHost». اضغطه، فتُفتح نافذة متصفح على signalhost.io. سجّل الدخول، أو أنشئ حسابًا مجانيًا.

تنتظر اللوحة بينما تُنهي الأمر في تلك النافذة، وتتحدّث من تلقاء نفسها. وإن أغلقت النافذة، فإن «Open the window again» يعيدها. وبعد عشر دقائق دون جواب، تطلب منك اللوحة المحاولة مجددًا.

تسرد النافذة ما ستفعله الإضافة وما لن تفعله. فهي ستضيف كود التتبّع إلى كل صفحة وتُبقيه محدّثًا، وتقرأ حالة الحاوي وتتحقق من أن موقعك المنشور يحمل الكود، وتقطع اتصالها بنفسها حين تسجّل الخروج في Framer. ولا تستطيع تغيير أي شيء آخر في موقعك، أو استخدام حساب Google الخاص بك، أو الاطلاع على فوترتك.

اختر حاويًا موجودًا، أو اختر حاويًا جديدًا ومُرّ بالمعالج القصير. الحاوي هو خادم الوسم الخاص بك، يُبنى في حساب Google الخاص بك، فيبقى ملكك. يستغرق بناء حاوٍ جديد بضع دقائق؛ ويمكنك الربط فورًا، وتضيف الإضافة الكود فور جاهزية الحاوي. اضغط «اربط». بعدها تعرض النافذة «تم الاتصال — عد إلى Framer»، ويمكنك إغلاقها.

وعند عودتك إلى Framer، تستلم الإضافة الاتصال من تلقاء نفسها، وتضيف الكود، وتطلب منك نشر موقعك ليبدأ العمل.

لا تقدّم Framer الكود المخصص إلا على الموقع المنشور، فلا يتغيّر شيء لزوارك حتى تنشر. تعرض اللوحة خطوتين: «Tracking code added to every page»، و«Publish your site to make it live».

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

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

قطعة كود واحدة في الكود المخصص لموقعك، في نهاية قسم head من كل صفحة: مُحمِّل Google Tag Manager، موجَّهًا إلى عنوان الوسم الخاص بك بدلًا من googletagmanager.com. يحمّل حاوي Tag Manager لديك من هناك، ويرسل وسم Google لديك مشاهدات الصفحات عبره.

في كل مرة يفتح فيها أحدٌ الإضافة، تقارن ذلك الكود بما يحتاجه حاويك وتستبدله إن تغيّر شيء. ولا تلمس أي شيء آخر، ولا تقرأ محتواك أو نظام إدارة المحتوى (CMS) لديك أو بيانات زوارك. كما أنها لا تضيف أي أحداث من عندها: فكل ما يتجاوز مشاهدات الصفحات، مثل إرسال نموذج، يصل إلى حاويك حين يدفعه موقعك إلى طبقة البيانات.

يُحفظ الاتصال في المشروع، فيرى كل محرري المشروع الاتصال نفسه، ولا يستطيع إلا قراءة قيم التثبيت لهذا الحاوي الواحد ولا شيء غيرها.

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

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

حين يبدأ النطاق الخدمة، تراسلك SignalHost بالبريد الإلكتروني ومعه الكود الجديد. لكنك على Framer لا تلصقه: افتح الإضافة، فتستبدل الكود من تلقاء نفسها، ثم انشر. وإلى ذلك الحين يظل العنوان القديم يعمل. وإن فتحت الإضافة ونسيت النشر، فإنها تعرض «Publish again: your live site still has an older version».

يمكنك إضافة الكود نفسه دون الإضافة. في صفحة الحاوي، ابحث عن الكود في بطاقة «التثبيت على موقعك» واضغط «نسخ». في Framer، افتح Site Settings → General → Custom Code، وألصقه بحيث ينتهي به المطاف في نهاية قسم head من كل صفحة، ثم انشر. بعدها اضغط «لقد فعلت ذلك» في صفحة الحاوي.

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

تسرد «الإعدادات»، ضمن «المواقع المرتبطة»، الموقع على أنه «إضافة Framer»، مع آخر تواصل له.

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

أما «قطع الاتصال» في «المواقع المرتبطة» فيعمل بالاتجاه المعاكس: تزيل الإضافة SignalHost من موقعك في المرة التالية التي يفتحها فيها أحد في Framer، ويختفي من الموقع المباشر مع النشر التالي.

• تطلب منك اللوحة نشر موقعك مرة واحدة قبل الربط: ليس للموقع عنوان منشور بعد. انشره، ثم اضغط «Check again».
• تقول اللوحة إنك تحتاج إلى صلاحية التحرير، أو إلى إذن بتحرير الكود المخصص للموقع: اطلب صلاحية التحرير من مالك المشروع.
• حاويك قيد الإعداد: عُد بعد بضع دقائق. تضيف الإضافة الكود فور جاهزية الحاوي.
• كود SignalHost معطّل: عطّله أحدهم في Site Settings → General → Custom Code. أعد تشغيله هناك وانشر.
• تعذّرت قراءة موقعك المباشر: لم تستطع SignalHost جلب صفحتك المنشورة. انشر، ثم اضغط «Check again».
• قُطع اتصال هذا الموقع في SignalHost: ضغط أحدهم «قطع الاتصال» في «المواقع المرتبطة». اربطه مجددًا لمواصلة التتبّع.
• تعذّر الوصول إلى SignalHost: حاول مجددًا بعد قليل.
• أي شيء آخر: اكتب إلى hello@signalhost.io مع عنوان موقعك.

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