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

وبلاگ

SignalHost برای Shopify: ردیابی سمت سرور از نخستین بازدید صفحه تا خرید

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

SignalHost برای Shopify هنوز در Shopify App Store نیست. تا آن زمان می‌توانید آن را دستی اضافه کنید: افزودن دستی SignalHost

اپ SignalHost بدون ویرایش پوسته و بدون هیچ کدی، Google Tag Manager سمت سرور را به فروشگاه Shopify می‌دهد. وقتی آن را وصل می‌کنید، SignalHost یک web pixel (پیکسل وب) در فروشگاه شما می‌سازد که بازدیدهای صفحه، سبدهای خرید، همه مراحل پرداخت و خریدها را به سرور تگ‌گذاری خودتان می‌فرستد و آن سرور آن‌ها را به Google Analytics 4 و پلتفرم‌های تبلیغاتی‌تان منتقل می‌کند. این راهنما نصب، اتصال، آزمایش، جاسازی اختیاری پوسته و کارهایی را که وقتی چیزی کار نمی‌کند باید انجام دهید پوشش می‌دهد.

پیش از شروع

  • یک فروشگاه Shopify با فروشگاه آنلاین (Online Store). اپ روی ویترین فروشگاه و در صفحه پرداخت Shopify کار می‌کند.
  • یک حساب SignalHost. طرح رایگان برای امتحان کافی است: ده هزار درخواست در ماه و یک کانتینر. می‌توانید حساب را هنگام اتصال بسازید.
  • اجازه نصب اپ در پنل مدیریت Shopify.

1. نصب اپ

SignalHost: Server Tag Manager را در Shopify App Store باز کنید و نصبش کنید. اپ فقط دو مجوز از Shopify می‌خواهد: مدیریت web pixelها و خواندن رویدادهای مشتری. هیچ دسترسی‌ای به پوسته شما و هیچ دسترسی‌ای به داده‌های مشتریانتان نمی‌خواهد. پس از نصب، در پنل مدیریت 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 شروع به کار می‌کند. در یک طرح پولی، «راه‌اندازی دامنه خودتان» در صفحه کانتینر شما را گام‌به‌گام، با یک رکورد DNS، به زیردامنه‌ای از دامنه فروشگاهتان مانند metrics.yourshop.com می‌رساند. مرورگرها آن را شخص اول می‌دانند، پس کوکی‌هایش کوکی‌های خود شما به حساب می‌آیند و کلیک‌های تبلیغ همچنان به حساب کمپین گذاشته می‌شوند. وقتی فعال شد، اپ ظرف چند دقیقه ویترین و صفحه پرداخت شما را به آن منتقل می‌کند. لازم نیست چیزی را دستی جایگزین کنید.

افزودن دستی SignalHost

می‌توانید SignalHost را بدون اپ هم روی فروشگاه Shopify قرار دهید. در signalhost.io کانتینرتان را باز کنید، قطعه‌کد را در کارت «نصب روی سایت شما» پیدا کنید و «کپی» را بزنید. سپس در Shopify به Online Store › Themes › ⋯ › Edit code بروید، theme.liquid را باز کنید و قطعه‌کد را درست پس از تگ آغازین head بچسبانید. اگر پوسته‌تان از قبل Google Tag Manager یا تگ Google را برای همان ویژگی Analytics بارگذاری می‌کند، به‌جای افزودن قطعه‌کد دوم، آن را جایگزین کنید. ذخیره کنید، از فروشگاهتان بازدید کنید و در صفحه کانتینر «این کار را انجام دادم» را بزنید.

این کار کانتینر Tag Manager شما را در صفحه‌های پوسته بارگذاری می‌کند، همراه با بازدیدهای صفحه و هر آنچه پوسته‌تان خودش به لایه داده push می‌کند. اما آنچه پیکسل اضافه می‌کند از دست می‌رود: صفحه پرداخت 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. است.

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

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