بازگشت به وبلاگ

وبلاگ

SignalHost برای Framer: افزونه را وصل کنید، یک بار منتشر کنید و ببینید کد روی سایت زنده‌تان قرار گرفته است

منتشرشده · 6 دقیقه مطالعه

دریافت از Framer Marketplace

افزونه SignalHost بدون هیچ کدی برای کپی کردن، Google Tag Manager سمت سرور را روی سایت Framer قرار می‌دهد. کد ردیابی را در کد سفارشی (custom code) سایتتان می‌نویسد، هر بار که بازش کنید آن را به‌روز می‌کند و وقتی از حساب خارج شوید دوباره برش می‌دارد. این راهنما کل کار را به همان ترتیبی پیش می‌برد که با آن روبه‌رو می‌شوید: اتصال، انتشار، بررسی کارکرد و کارهایی که وقتی چیزی کار نمی‌کند باید انجام دهید.

پیش از شروع

  • یک سایت Framer که دست‌کم یک بار منتشر شده باشد. افزونه برای اتصال به نشانی سایت شما نیاز دارد و اگر هنوز نشانی‌ای وجود نداشته باشد، از شما می‌خواهد اول منتشر کنید.
  • دسترسی ویرایش به پروژه Framer. افزونه اتصالش را در پروژه ذخیره می‌کند و در کد سفارشی سایت می‌نویسد و هر دو کار به این دسترسی نیاز دارند.
  • یک حساب SignalHost. طرح رایگان برای امتحان کافی است: ده هزار درخواست در ماه و یک کانتینر. می‌توانید حساب را هنگام اتصال بسازید.

1. باز کردن افزونه و اتصال

SignalHost را در Framer Marketplace پیدا کنید و در پروژه‌تان باز کنید. به‌صورت یک پنل کوچک با یک دکمه باز می‌شود: «Connect with SignalHost». آن را بزنید تا پنجره‌ای از مرورگر روی signalhost.io باز شود. وارد شوید یا یک حساب رایگان بسازید.

تا وقتی کارتان را در آن پنجره تمام می‌کنید، پنل منتظر می‌ماند و خودبه‌خود به‌روز می‌شود. اگر پنجره را بستید، «Open the window again» آن را برمی‌گرداند. اگر پس از ده دقیقه پاسخی نرسد، پنل از شما می‌خواهد دوباره امتحان کنید.

2. انتخاب یک کانتینر

پنجره فهرست می‌کند که افزونه چه کارهایی انجام می‌دهد و چه کارهایی نه. کد ردیابی را به همه صفحه‌ها اضافه می‌کند و به‌روز نگه می‌دارد، وضعیت کانتینر را می‌خواند و بررسی می‌کند که سایت منتشرشده شما کد را داشته باشد، و وقتی در Framer از حساب خارج شوید اتصال خودش را قطع می‌کند. نمی‌تواند چیز دیگری را در سایت شما تغییر دهد، از حساب Google شما استفاده کند یا صورت‌حسابتان را ببیند.

یک کانتینر موجود را انتخاب کنید، یا «کانتینر جدید برای سایت شما» را برگزینید و مراحل کوتاه راه‌اندازی را طی کنید. کانتینر همان سرور تگ‌گذاری خود شماست که در حساب Google خودتان ساخته می‌شود، پس متعلق به خودتان می‌ماند. ساخت کانتینر جدید چند دقیقه طول می‌کشد؛ می‌توانید بلافاصله وصل کنید و افزونه به‌محض آماده شدن کانتینر کد را اضافه می‌کند. «اتصال» را بزنید. سپس پنجره می‌گوید «متصل شد — به Framer برگردید» و می‌توانید آن را ببندید.

در بازگشت به Framer، افزونه اتصال را خودش دریافت می‌کند، کد را اضافه می‌کند و به شما می‌گوید برای فعال شدن، سایتتان را منتشر کنید.

3. انتشار سایت

Framer کد سفارشی را فقط روی سایت منتشرشده ارائه می‌کند، پس تا وقتی منتشر نکنید هیچ چیز برای بازدیدکنندگانتان تغییر نمی‌کند. پنل دو مرحله نشان می‌دهد: «Tracking code added to every page» و «Publish your site to make it live».

مثل همیشه منتشر کنید و سپس در پنل «Check again» را بزنید. SignalHost صفحه اصلی منتشرشده شما را دریافت می‌کند و به دنبال کد می‌گردد. وقتی پیدایش کند، مرحله دوم به «Live on» و نشانی سایت شما تغییر می‌کند و صفحه کانتینر نصب را انجام‌شده به حساب می‌آورد. افزونه هرگز خودش منتشر نمی‌کند.

4. آزمایش

سایت منتشرشده‌تان را باز کنید و کمی در آن بگردید. «Open SignalHost» در پنل شما را به صفحه کانتینر می‌برد، جایی که زبانه «اخیر» در «تحلیل پیشرفته» 30 دقیقه گذشته را پوشش می‌دهد و «اجرای بررسی‌ها» در بخش «عیب‌یابی» بازدیدهای صفحه‌ای را که رسیده‌اند می‌شمارد. از طرح Growth به بالا، «پایش زندهٔ رویدادها» هم هر رویداد را همان لحظه که می‌رسد با نامش نشان می‌دهد.

آنچه افزونه به سایت شما اضافه می‌کند

یک قطعه کد در کد سفارشی سایتتان، در انتهای head همه صفحه‌ها: بارگذار Google Tag Manager که به‌جای googletagmanager.com به نشانی تگ‌گذاری خود شما اشاره می‌کند. کانتینر Tag Manager شما را از آنجا بارگذاری می‌کند و تگ Google شما بازدیدهای صفحه را از طریق آن می‌فرستد.

هر بار که کسی افزونه را باز می‌کند، آن کد را با آنچه کانتینرتان لازم دارد مقایسه می‌کند و اگر چیزی تغییر کرده باشد، جایگزینش می‌کند. به هیچ چیز دیگری دست نمی‌زند و محتوا، CMS یا داده‌های بازدیدکنندگانتان را نمی‌خواند. هیچ رویدادی هم از خودش اضافه نمی‌کند: هر چیزی فراتر از بازدیدهای صفحه، مثلاً ارسال یک فرم، وقتی به کانتینرتان می‌رسد که سایتتان آن را به لایه داده push کند.

اتصال در پروژه ذخیره می‌شود، پس همه ویرایشگران پروژه همان یک اتصال را می‌بینند، و این اتصال فقط می‌تواند مقادیر نصب همین یک کانتینر را بخواند و نه چیز دیگری.

هر درخواست به شکلی از مرورگر خارج می‌شود که مسدودکننده‌های تبلیغات آن را نمی‌شناسند، و سرور تگ‌گذاری شما آن را به 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».

افزودن دستی SignalHost

می‌توانید همین کد را بدون افزونه اضافه کنید. در صفحه کانتینر، کد را در کارت «نصب روی سایت شما» پیدا کنید و «کپی» را بزنید. در Framer، Site Settings → General → Custom Code را باز کنید، کد را طوری جای‌گذاری کنید که در انتهای head همه صفحه‌ها قرار بگیرد، و منتشر کنید. سپس در صفحه کانتینر «این کار را انجام دادم» را بزنید.

آنچه از دست می‌دهید: کد دیگر همراه کانتینرتان به‌روز نمی‌شود. وقتی نشانی تگ‌گذاری شما تغییر کند، آن را خودتان با کد جدیدی که SignalHost برایتان ایمیل می‌کند جایگزین می‌کنید و دوباره منتشر می‌کنید. هیچ چیز هم سایت زنده شما را برای وجود آن بررسی نمی‌کند. یکی از این دو را به کار ببرید: اگر افزونه هم وصل باشد، کد دو بار در هر صفحه خواهد بود.

مدیریت و قطع اتصال

«تنظیمات»، «سایت‌های متصل» سایت را با عنوان «افزونه Framer» و همراه با آخرین ارتباطش فهرست می‌کند.

«Log out»، در پایین پنل و در منوی افزونه، اتصال را در SignalHost پایان می‌دهد و کد افزونه را از کد سفارشی سایتتان حذف می‌کند. مانند هر تغییر دیگری در کد سفارشی، این حذف با انتشار بعدی شما به بازدیدکنندگان می‌رسد. کانتینر و آمارش باقی می‌مانند و هر زمان می‌توانید دوباره وصل کنید.

«قطع اتصال» در «سایت‌های متصل» برعکس عمل می‌کند: افزونه دفعه بعد که کسی آن را در Framer باز کند، SignalHost را از سایت شما حذف می‌کند و با انتشار بعدی از سایت زنده هم برداشته می‌شود.

وقتی چیزی کار نمی‌کند

  • پنل از شما می‌خواهد پیش از اتصال یک بار سایتتان را منتشر کنید: سایت هنوز نشانی منتشرشده‌ای ندارد. منتشرش کنید و سپس «Check again» را بزنید.
  • پنل می‌گوید به دسترسی ویرایش، یا اجازه ویرایش کد سفارشی سایت، نیاز دارید: از مالک پروژه دسترسی ویرایش بخواهید.
  • کانتینر شما در حال راه‌اندازی است: چند دقیقه دیگر برگردید. افزونه به‌محض آماده شدن کانتینر کد را اضافه می‌کند.
  • کد SignalHost خاموش است: کسی آن را در Site Settings → General → Custom Code خاموش کرده است. همان‌جا دوباره روشنش کنید و منتشر کنید.
  • «Could not read your live site»: SignalHost نتوانست صفحه منتشرشده شما را دریافت کند. منتشر کنید و سپس «Check again» را بزنید.
  • «This site was disconnected in SignalHost»: کسی در «سایت‌های متصل» دکمه «قطع اتصال» را زده است. برای ادامه ردیابی دوباره وصلش کنید.
  • «SignalHost could not be reached»: کمی بعد دوباره امتحان کنید.
  • هر مورد دیگر: با ذکر نشانی سایتتان به 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. است.

دیگر داده‌ها را به خاطر مسدودکننده‌های تبلیغات از دست ندهید

رایگان شروع کنید. اولین کانتینر را در چند دقیقه راه‌اندازی کنید.