كيفية أتمتة تنبيهات تغييرات مواقع الويب باستخدام Zapier أو n8n

يقوم أحد المنافسين برفع سعر خطته الاحترافية (Pro) من 29 دولاراً إلى 39 دولاراً. ترصد أداة مراقبة التغييرات لديك هذا التعديل على الفور. بعد ذلك، يقوم أحد الموظفين بنسخ الملخص يدوياً إلى صفحة Notion، ثم ينشئ تذكرة في Jira يدوياً، ويعيد توجيه لقطة الشاشة إلى فريق المبيعات عبر Slack. وبحلول الوقت الذي يطلع فيه مكتب إبرام الصفقات (deal desk) على الخبر، يكون نصف الفريق قد سمع بالفعل رواية غير دقيقة في أحاديث الردهات الجانبية.

خطوة النسخ واللصق اليدوية هذه هي الحلقة الأضعف التي تؤدي إلى تعطل تدفق المعلومات. أنت تستخدم بالفعل أدوات مثل Zapier أو n8n لتحديث أنظمة إدارة علاقات العملاء (CRM)، وإنشاء التذاكر، وإرسال الملخصات الدورية. ما تحتاجه حقاً هو حدث نقي ومُنظم يصدر عن مراقب الصفحات، ويكون قابلاً للالتقاط والتوجيه الفوري بواسطة تلك الأدوات.

أعمل في فريق Page Deltas، لذا ضع ذلك في الحسبان إذا ذكرت Visualping أدناه. تراقب Page Deltas صفحات الويب العامة، وتفلتر التغييرات باستخدام توجيه ذكي بالذكاء الاصطناعي (AI Brief)، وتستطيع إرسال طلب POST يحمل خطاف ويب JSON موقعاً عند مطابقة الشروط. لا يوجد تطبيق رسمي مخصص لـ Page Deltas داخل Zapier حالياً؛ والمسار المعتمد هو إنشاء قناة خطاف ويب عامة (Generic webhook) موجهة نحو Catch Hook في Zapier أو عقدة Webhook في n8n، لتنطلق منها أتمتتك الحالية. يستعرض هذا المقال خطوات هذا الإعداد من البداية وحتى النهاية.

لماذا لا تكفي مجرد رسالة تنبيه في الدردشة؟

يعد استخدام Slack (أو Teams أو Discord) خياراً رائعاً عندما يحتاج شخص واحد فقط لإلقاء نظرة سريعة على التغيير. ولكنه يقصر تماماً عندما يتعين توجيه الحدث نفسه إلى ثلاثة أنظمة مختلفة في آن واحد: فريق المبيعات يريد إضافة ملاحظة إلى حساب العميل في الـ CRM؛ وفريق العمليات يحتاج إلى تذكرة عمل مرفق بها لقطات الشاشة قبل التغيير وبعده؛ والإدارة تفضل ملخصاً أسبوعياً بدلاً من عشرين إشعاراً مزعجاً على مدار اليوم.

يمكنك ربط كل وجهة من هذه الوجهات يدوياً، أو يمكنك معاملة التنبيه كحدث موحد وترك مهمة التوزيع لـ Zapier أو n8n. تدعم Page Deltas بالفعل الإرسال إلى Slack و Discord و Teams والبريد الإلكتروني وخطافات الويب الموقعة في جميع الخطط، بما في ذلك الخطة المجانية. إذا كنت بحاجة إلى مجرد قناة محادثة، فإن دليل Slack الخاص بنا يفي بالغرض. أما هذا المقال فمخصص للحالات التي يجب أن يحرك فيها التنبيه مسار عمل مؤتمتاً بالكامل.

توفر Visualping مكتبة ضخمة من النماذج الجاهزة لـ Zapier و n8n، وتتيح n8n في جميع خططها. تمنحك الخطة المجانية في Visualping مراقبة 5 صفحات، و150 فحصاً شهرياً، وفاصلاً زمنياً أدنى قدره 60 دقيقة مع إمكانية استخدام خطافات الويب؛ بينما يقتصر Slack و Teams على باقة Business. في المقابل، تتيح خطة Page Deltas المجانية مراقبة 10 روابط، مع فحوصات غير محدودة بنظام بذل أقصى جهد، وفلترة وتلخيصاً بالذكاء الاصطناعي، ودعماً كاملاً لـ Slack و Teams و Discord والبريد وخطافات الويب دون الحاجة لبطاقة ائتمان. يمكنك الاختيار وفقاً لما تفضله: مراقبة نطاقات البكسل الرسومية (Visualping) أو التوجيهات الذكية بالذكاء الاصطناعي وقنوات المحادثة المجانية (خدمتنا).

بنية خطاف الويب المرسل

تتم إدارة القنوات على مستوى المنظمة. يمكنك تعيين إحدى القنوات كخيار افتراضي للمراقبين الجدد، كما يمكن لأي مراقب تخصيص هذه القائمة. ولتفعيل الأتمتة، أضف قناة «Generic webhook» وألصق رابط Catch Hook أو n8n. يمكن الاطلاع على الشرح الكامل لجميع الحقول في وثائق قنوات التنبيه.

عند رصد تغيير مطابق للفلترة، ترسل Page Deltas طلباً من نوع POST يحمل بنية JSON على هذا النحو:

POST <your URL>
Content-Type: application/json
X-Signature: sha256=<hex>
{
  "event": "change.detected",
  "monitor_id": "...",
  "monitor_url": "https://example.com/pricing",
  "monitor_name": "صفحة أسعار المنافس",
  "change_id": "...",
  "detected_at": "2026-06-01T12:00:00Z",
  "summary": "ارتفعت خطة Pro من 29 دولاراً إلى 39 دولاراً شهرياً.",
  "before_screenshot_url": "https://.../before.png",
  "after_screenshot_url": "https://.../after.png",
  "dashboard_url": "https://app.pagedeltas.com/monitors/..."
}

يمثل حقل summary جملة باللغة الطبيعية مصممة ليتم ربطها مباشرة بعناوين التذاكر وملاحظات الـ CRM. وتعد روابط لقطات الشاشة و dashboard_url مفيدة للغاية كمرفقات في التذاكر أو كعناصر مضمنة في Notion. أما X-Signature فهو تجزئة HMAC-SHA256 لنص الطلب الخام محسوبة باستخدام سر القناة الذي يُعرض مرة واحدة فقط عند إنشاء القناة. احرص على حساب التجزئة على البايتات الخام قبل معالجة الـ JSON، وإلا فستفشل عملية التحقق من التوقيع.

يتم الإرسال بمحاولة واحدة لكل قناة دون إعادة محاولة تلقائية. احرص على أن يرد الخادم المستلم بسرعة، وبالنسبة للصفحات الحيوية التي لا تحتمل أي تفويت، اربط قناة ثانية من نوع مختلف (مثل خطاف الويب مع البريد الإلكتروني معاً)، حتى لا يتسبب انقطاع وجيز في Zapier بإخفاء التغيير عنك.

اضبط Page Deltas أولاً

أتمم جانب المراقبة أولاً قبل الانتقال إلى Zapier أو n8n. وإلا فستقضي وقتاً طويلاً في استكشاف أخطاء سيناريوهات Zap فارغة مرتبطة بمراقب لم يُطلق أي تنبيه بعد.

1. أنشئ حساباً مجانياً وافتح Channels. أضف Slack أو البريد الإلكتروني إذا كنت ترغب في إبقاء مراجعة بشرية سريعة، ثم أضف قناة Generic webhook. اترك حقل الرابط فارغاً مؤقتاً إذا لم تكن قد أنشأت Catch Hook بعد؛ حيث ستلصقه لاحقاً بعد استكمال خطوات Zapier أو n8n أدناه.
2. أنشئ مراقباً للصفحة التي تهمك (الأسعار، سجل التحديثات، التوظيف، الشروط والأحكام، أو صفحة حالة المورد). اكتب توجيهاً موجزاً (Brief) يحدد ما ترغب في تلقي تنبيهات بشأنه وما يجب تجاهله. تشرح وثائق الفلاتر كيفية تطبيق التوجيه؛ فمن دون استثناءات دقيقة، ستولد الصفحات الهادئة أيضاً تنبيهات غير مرغوبة (مثل الطوابع الزمنية، والمقالات ذات الصلة، وإشعارات ملفات تعريف الارتباط).
3. اربط قناة خطاف الويب بذلك المراقب (أو اعتمد على الإعداد الافتراضي للمؤسسة). انقر على «Send test» في القناة فور حفظ رابط Catch Hook أو n8n لتتأكد من سلامة المسار قبل حدوث أي تغيير حقيقي.
4. يمكنك الإبقاء على Slack على المراقب نفسه إذا أردت: الدردشة للأشخاص، وخطافات الويب للأنظمة البرمجية. هذا الفصل عادة ما يكون أوضح بكثير من توجيه Zapier لإعادة إرسال الرسالة إلى Slack مرة أخرى.

تغطي الخطة المجانية 10 روابط للمراقبة (يُحسب ملف خريطة الموقع كرابط واحد)، والفلترة والملخصات بالذكاء الاصطناعي، وواجهة REST API وبروتوكول MCP، وعدداً غير محدود من أعضاء الفريق، وسجلاً محفوظاً لمدة 14 يوماً. ترفع الخطط المدفوعة سقف الروابط: Starter بقيمة 29$ مقابل 150 رابطاً، و Pro بقيمة 79$ مقابل 1,000 رابط، و Business بقيمة 199$ مقابل 5,000 رابط، و Scale بقيمة 499$ مقابل 20,000 رابط، و Enterprise بعقد مخصص. نحن نراقب الصفحات العامة فقط حالياً، ودعم الصفحات المحمية بتسجيل الدخول مدرج ضمن خطتنا التطويرية. وتتميز وتيرة الفحص بكونها تكيفية مع منح الأولوية للخطط المدفوعة عند ازدحام طابور المعالجة.

استقبال البيانات في Zapier أو n8n

تعتمد كلتا الأداتين على قناة خطاف الويب العامة نفسها في Page Deltas؛ ويكمن الفارق الوحيد في الطرف المستلم. ونظراً لعدم وجود تطبيق رسمي مخصص، يبدأ Zapier باستخدام Catch Hook بينما تبدأ n8n باستخدام عقدة Webhook.

Zapier

1. أنشئ Zap جديداً باختيار Webhooks by Zapier كمُشغّل (Trigger) وحدد خيار Catch Hook. انسخ رابط الـ webhook المخصص الذي يظهره لك Zapier.
2. ألصق ذلك الرابط في قناة Generic webhook داخل Page Deltas واحفظ الإعدادات. انقر على «Send test» في Page Deltas (أو انتظر حدوث تغيير حقيقي). وفي Zapier، انقر على «Test trigger» وتأكد من أن البيانات التجريبية تحتوي على summary و monitor_url وحقول لقطات الشاشة.
3. أضف الإجراءات اللاحقة (Actions). من الأمثلة الشائعة: إنشاء تذكرة في Jira أو Linear مع وضع summary كعنوان و dashboard_url في الوصف؛ إضافة صف إلى قاعدة بيانات Notion؛ إنشاء ملاحظة أو تحديثها في HubSpot أو Salesforce على حساب المنافس؛ إرسال بريد إلكتروني يلخص عدة تغييرات معاً. قم بربط الحقول مباشرة من نموذج Catch Hook بدلاً من كتابة المتغيرات يدوياً.
4. فعّل الـ Zap. أرسل اختباراً إضافياً من Page Deltas وتابع تدفق البيانات عبر كل إجراء تم تكوينه.

إذا كنت بحاجة إلى التحقق من التوقيع الرقمي، يمكن لخطوات Code في Zapier حساب تجزئة HMAC لنص الطلب. وللحصول على تحقق أكثر قوة وموثوقية، يُفضل الاعتماد على n8n أو دالة سحابية خفيفة قبل Zapier، نظراً للحاجة إلى البايتات الخام للطلب.

n8n

1. أضف عقدة Webhook، واضبط الطريقة على POST، وفعّل مسار العمل ليمنحك n8n رابط بيئة الإنتاج. انسخه وألصقه في قناة Generic webhook في Page Deltas (أو في قناة ثانية إذا كان المطلوب استقبال الحدث في Zapier و n8n معاً).
2. أرسل اختباراً من Page Deltas. تأكد من أن عقدة Webhook تعرض محتوى الـ JSON وترويسة X-Signature.
3. خطوة اختيارية يوصى بها بشدة: أضف عقدة Code تعيد حساب sha256= مع تجزئة HMAC-SHA256 لنص الطلب الخام باستخدام سر القناة وقارنها مع X-Signature بأسلوب آمن زمنياً (timing-safe). ارفض الطلبات غير المتطابقة قبل الانتقال إلى خطوات الـ CRM أو التذاكر.
4. أنشئ مسارات تفريعية باستخدام عقدة IF أو Switch بالاعتماد على monitor_name أو جزء من monitor_url إذا كانت الصفحات المختلفة تتطلب فتح تذاكر من أنواع متباينة. بعد ذلك، أضف عقد Jira أو Notion أو البريد أو طلبات HTTP بالطريقة المعتادة لأي مصدر webhook آخر.
5. احفظ مسار العمل وأبقه نشطاً. لا تعيد Page Deltas محاولات الإرسال الفاشلة؛ لذا احرص على أن تستجيب عقدة Webhook سريعاً برمز حالة 2xx، وقم بترحيل العمليات الثقيلة إلى عقد لاحقة أو إلى طابور معالجة منفصل.

تعتبر النسخة المستضافة ذاتياً من n8n خياراً ممتازاً عندما يتطلب الأمان عدم خروج سر القناة من شبكتك الداخلية مطلقاً. كما تفي منصة n8n Cloud بمتطلبات معظم تدفقات التسويق وإدارة الإيرادات (RevOps). وفي الحالتين، أنت تبني مسارك بالاعتماد على عقد قياسية، دون أي اعتمادية على موصل خاص بـ Page Deltas.

المشكلات الشائعة وكيفية تجنبها

تظهر بعض الملاحظات بعد بدء التشغيل الفعلي: قد تُضاف حقول جديدة إلى البيانات مستقبلاً؛ لذا تجاهل المفاتيح غير المعروفة بدلاً من رفض الحدث بأكمله. واستخدم change_id كمفتاح لتفادي التكرار (idempotency key) في حال تلقى نظام التذاكر لديك إدخالات مكررة جراء إعادة تشغيل يدوية.

إذا أعاد Zapier أو n8n رمزاً مختلفاً عن 2xx، تسجل Page Deltas محاولة التسليم على أنها فاشلة وتتابع عملها، بينما يستمر المراقب في العمل كالمعتاد. تفقد سجل محاولات التسليم داخل التطبيق إذا توقف أحد المسارات فجأة عن استقبال البيانات. وبالنسبة للصفحات فائقة الأهمية، احتفظ بالبريد الإلكتروني أو Slack على المراقب نفسه كقناة احتياطية.

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

تغطي الأدوات الشقيقة ضمن عائلتنا أنماطاً تنبيهية أخرى. صُممت أداة KWatch.io لمراقبة الإشارات للكلمات المفتاحية عبر منصات التواصل والويب عندما لا تكون الإشارة صادرة من رابط ثابت محدد. أما بالنسبة لصفحة عامة ثابتة تتغير محتوياتها دورياً، فإن Page Deltas مع أتمتة خطافات الويب تمثل الخيار الأمثل والأكثر فاعلية.

ابدأ بسيناريو Zap واحد أو مسار عمل تجريبي

اختر صفحة واحدة ووجهة واحدة محددة: إرسال أسعار منافس إلى قاعدة بيانات Notion أو تحويل صفحة حالة مورد إلى Jira يكفي تماماً لإثبات كفاءة المسار. أنشئ المراقب، واربطه بخطاف ويب عام، واستقبله في Zapier أو n8n، ثم اربط حقلي summary و dashboard_url. تشتمل الخطة المجانية على 10 روابط، وفلترة بالذكاء الاصطناعي، وكافة قنوات التنبيه، والوصول إلى واجهة API، دون الحاجة لبطاقة ائتمان. ابدأ المراقبة مجاناً.

جوليان (Julien)، مدير المنتج في Page Deltas