دفع الإخطارات على شبكة الإنترنت. ما هو عليه، ولماذا؟ تعد إشعارات HTML5 بسيطة: اجعل الإشعارات في سطر واحد ، كما هو الحال في إشعارات دفع GMail Web

حقيقة الحياة هي:

من الصعب حقًا توجيه حركة المرور إلى موقع الويب.

لكنك تعلم ما هو الأسوأ؟

90٪ من الزوار الذين يزورون موقعك لن يعودوا أبدًا.

مكافأة حصرية:انقر هنا لتنزيل قائمة التحقق الخاصة بإنشاء نصوص مغناطيسية. المقالات المكتوبة وفقًا لقائمة التحقق هذه ستجذب انتباه القارئ مثل المغناطيس ( اضغط للتحميل).

إنه لأمر مخز ، بالطبع ... إنك تنفق طاقة لا تصدق على تطويرها ، لكن أهم الأصول - الزوار ، ينسونك في نفس اليوم الذي اكتشفوه فيه.

لكن لا تيأس ، هناك حل:

التثبيت على موقعك المتصفح دفع الإخطارات.

ها هي النقطة:

تسمح لك الإخطارات الفورية للموقع بالتواصل مع زوار موقعك.

في بعض المدونات ، أدى إدخال الإشعارات الفورية إلى زيادة تكرار الزيارات عدة مرات.

وببساطة ، فهو بديل جيد للرسائل الإخبارية عبر البريد الإلكتروني.

ستتعلم في هذه المقالة:

• ما هي فوائد دفع الإخطارات
• هل هذه التكنولوجيا الجديدة نسبيًا تستحق العناء؟
• قائمة أفضل خدمات إعلام الدفع
• كيفية ربط Push`s بموقعك

لكن أولاً ، مثال صغير ...

اكسترا هي واحدة من أكبر بائعي التجزئة في الشرق الأوسط.

بمساعدة الإشعارات الفورية ، تمكنوا من زيادة المبيعات لمستخدمي الهاتف المحمول بمقدار الضعف:

إذا كنت تعتقد أن هذا كل شيء - فأنت مخطئ بشدة.

بالإضافة إلى ذلك ، زادت حصة تكرار المشتريات بمقدار 4 أضعاف (!!!).

نتيجة لذلك ، أدرك المسوقون في Extra أن الإشعارات الفورية هي الأداة الأكثر فاعلية للاحتفاظ بالعملاء.

ما هي دفع الإخطارات لموقع على شبكة الإنترنت؟

ما زلت غير متأكد من دفع الإخطارات لموقع ويب؟

كل شيء بسيط للغاية:

عند زيارة مورد ويب ، قد ترى النافذة المنبثقة التالية:

مثال على طلب لتلقي الإخطارات

إذا وافق المستخدم ، يمكنك إرسال إشعارات حول المقالات الجديدة والمنتجات الجديدة والمزيد.

تظهر الرسائل في الزاوية اليمنى من الشاشة. في هذه الحالة ، يمكن تصغير المتصفح أو حتى إغلاقه.

مثال على إشعار الدفع:

المتصفحات التي تدعم دفع الإخطارات

كان Safari هو أول من دعم تقنية إعلام الدفع في المتصفح. ثم ، في أبريل 2015 ، تم تنفيذه في الإصدار 42 من Chrome.

وأخيرًا ، في أوائل عام 2016 ، بدأ دعم الإشعارات الفورية في الإصدار 44 من متصفح Firefox.

بالفعل في هذه اللحظة أكثر من 75٪ من جميع المتصفحاتدعم إرسال الإخطارات.

لماذا يجب على المستخدمين الاشتراك في دفع الإخطارات

أولاً ، دعنا نتطرق إلى الفوائد التي يحصل عليها المستخدمون عند الاشتراك في دفع الإشعارات.

1. الراحة أولاً

ما يجب أن تفهمه على أنهما اثنان:

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

ولكن كيف نجعل الموقع سهل الاستخدام بسرعة وسهولة؟

الجواب واضح:

مع دفع الإخطارات.

لنفترض أنني اشتركت في التحديثات المنتظمة لموقعك ...

سأضطر في كثير من الأحيان إلى فتح صندوق البريد الخاص بي تحسبا لرسالة بريد إلكتروني منك.

في حالة دفع الإخطارات ، كل شيء أبسط بكثير.

OneSignal

بعد ذلك ، سيظهر قسم OneSignal Push في العمود الأيسر من منطقة الإدارة الخاصة بك.

الإعداد اللاحق موصوف بالكامل في الخطوات ، ولكن باللغة الإنجليزية. لذلك ، سأشرح بإيجاز جميع الخطوات اللازمة.

سترى نافذة تحتاج فيها إلى الانتقال إلى قسم التكوين:

كل شيء يجب القيام به كما هو موضح في لقطات الشاشة ونتيجة لذلك ستتلقى رقم المشروع ومفتاح API.

أدخل رقم المشروع في حقل رقم مشروع Google في قسم التكوين. تحتاج إلى حفظ مفتاح API (ستظل بحاجة إليه).

في نفس المكان ، حدد مفتاح API من مشروع Google ووجود شهادة SSL على موقعك.

إذا كان موقعك على http ، فلا يمكنك تغيير أي شيء. إذا كان https ، فحدد مربع الاختيار المقابل.

لماذا هذا مطلوب؟

الحقيقة هي أن دفع الإخطارات مدعوم فقط على مواقع https. ومع ذلك ، فإن خدمة OneSignal تحل المشكلة عن طريق إنشاء مجال فرعي لك.

يمكنك استخدام عنوان موقع الويب الخاص بك كنطاق فرعي. على سبيل المثال ، بدلاً من الموقع - لقد فعلت موقع site4business.onesignal.com

يصف القسم الفرعي "تعديل الموقع" أنواع تنفيذ الإشعارات الفورية. في القسم الفرعي Safari Push ، كل شيء مشابه للخطوات السابقة.

أخيرًا ، يمكنك تغيير موقع زر الاشتراك ونصه في قسم التكوين.

ضع في اعتبارك أنه بالنسبة لـ http ، فإن الاشتراك في الإشعارات متاح فقط بمساعدة زر. يمكنك تغيير تصميمه بحرية.

والنوافذ المنبثقة متاحة فقط لمواقع https.

برغي

أولاً ، قم بتثبيت البرنامج المساعد PushCrew.

بعد ذلك ، قم بإنشاء حساب على موقع الخدمة.

أخيرًا ، في قسم التخصيص لسطح المكتب ، يمكنك تخصيص مظهر النوافذ المنبثقة.

هنا القائمة الكاملة للخدمات، مما يوفر القدرة على تنفيذ دفع الإخطارات:

عند زيارة مواقع جديدة ، تظهر أحيانًا نافذة صغيرة في الزاوية اليسرى العليا من المتصفح ، تطلب الإذن لتسليم إعلامات معينة إليك.

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

هذه هي ما يسمى بإخطارات الدفع ، وهي أيضًا عبارة عن خدمة دفع عبر الويب - وهي أداة حديثة للمسوقين عبر الإنترنت. والوسائل الأكثر ملاءمة لإعلام المستخدمين الذين يرغبون في مواكبة الأحداث التي تهمهم.

ما هي دفع الإخطارات؟

الإخطارات الفورية هي إخطارات منبثقة قصيرة تظهر على شاشة الكمبيوتر العادي أو الهاتف المحمول وتبلغ عن الأحداث والتحديثات المهمة.

عندما تنقر على إشعار الدفع الذي تلقاه المستخدم ، تفتح أخبار الموقع على الفور في النافذة ، ويمكن أن يكون المستخدمون من بين أول من يتعرف على المعلومات التي تم نشرها للتو على الشبكة. وأحيانًا يكون من المهم أن تكون من بين المستخدمين الأوائل الذين لديهم معلومات مفيدة.

أرز. 1. كيف تبدو إخطارات الدفع

يتم تمكين إشعارات دفع الموقع من قبل مالكي المواقع ، ويمكن للمستخدمين إدارة الإشعارات الفورية من خلال إعدادات المستعرض الخاص بهم. إذا لم يقم مشرف الموقع بتمكين الدفع على الموقع ، فلن يكون لدى المستخدم الفرصة (أو يحتاج) لاستخدامها وتهيئتها وما إلى ذلك.

ما هي مزايا دفع الإخطارات مقارنة بالطرق الأخرى لتقديم معلومات جديدة؟ كيف تدير مثل هذه الأداة في متصفحات سطح المكتب Google Chrome أو Mozilla Firefox أو ما شابه ذلك؟ دعنا نفكر في هذه الأسئلة أدناه.

فوائد دفع الإخطارات

إن فوائد تنفيذ إشعارات الدفع على المواقع لأصحابها ، أي لمشرفي المواقع ، واضحة. الحقيقة هي أن القليل من وسائل الإعلام يمكن أن يوفر 90٪ من توصيل الرسائل إلى المستخدم وحوالي 50٪ للتسليم.

ولكن ما الفائدة التي يجنيها قارئ هذا الموقع أو ذاك؟

قد يكون دفع الإخطارات لبعض المستخدمين أكثر ملاءمة من الاشتراك في تحديثات الموقع عن طريق البريد الإلكتروني. الرسائل الواردة من مواقع مختلفة لا تتراكم في صندوق البريد ولا تعقد الوصول إلى المراسلات الشخصية.

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

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

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

دفع الإخطارات وموجز RSS

فيما يتعلق بالحماية من البريد العشوائي ، يشبه دفع الويب وسيلة أخرى لتقديم معلومات حديثة منشورة على موقع معين - موجز RSS. هذا الأخير يربح لأنه يحتفظ بسجل للرسائل حول منشورات المواقع التي تم إصدار اشتراك RSS فيها. في حين تختفي الإشعارات المنبثقة إلى الأبد بعد بضع ثوان.

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

تنبثق إشعارات الدفع نفسها وتعرض الاشتراك ، ويتم توفير تنفيذها من خلال الوظائف القياسية لأي متصفح حديث تقريبًا.

إعداد دفع الإخطارات في جوجل كروم

يوفر تنفيذ الإشعارات المنبثقة في Google Chrome والمتصفحات المبنية على نفس محرك Blink (على سبيل المثال) تنسيق اشتراك مفتوح تمامًا لا يتطلب منه اتخاذ أي خيار.

يحتوي طلب الدفع في Google Chrome على زرين وظيفيين:

1. "السماح" للموافقة على تسليم الرسالة (1 في الشكل 2) و
2. "حظر" لإضافة الموقع إلى قائمة المواقع المحظورة (2 في الشكل 2).

في الحالة الأخيرة ، لن تظهر الطلبات مرة أخرى في الزيارات اللاحقة لهذا الموقع.

هناك خيار ثالث: يتيح لك النقر فوق علامة التقاطع في نافذة الطلب تأجيل القرار (3 في الشكل 3). لن يتم حظر الموقع ، وبعد فترة سيظهر مثل هذا الطلب في الزاوية اليسرى العليا من نافذة Chrome مرة أخرى.

أرز. 2. كيف يبدو طلب إعلام الدفع في Google Chrome

إعداد دفع الإخطارات في Mozilla

في Mozilla Firefox (والمتصفحات الأخرى التي تعتمد على محرك Gecko نفسه) ، يكون نموذج طلب التسليم عبر الويب أكثر ذكاءً من Google Chrome ، أو بالأحرى ، مع ميل المستخدم إلى اختيار معين.

1. يتم إبراز زر "السماح بالإخطارات" (1 في الشكل 3) من خلال مؤشر اللون ،
2. وكبديل لذلك ، فهو يعارض زر القرار المؤجل "ليس الآن" (2 في الشكل 3).

زر حظر الإخطار "عدم السماح أبدًا" (4 في الشكل 3) أصغر حجمًا ومخفيًا داخل الزر "ليس الآن" (3 في الشكل 3).

أرز. 3. كيف يبدو طلب إعلام الدفع في Mozille Firefox

لا تتم مزامنة إشعارات الدفع المسموح بها والمحظورة مع ملفات تعريف المتصفح. بعد تثبيت نظام تشغيل جديد ، عند التبديل إلى جهاز كمبيوتر آخر ، وحتى بعد إعادة تثبيت المتصفح نفسه مع تنظيف بقاياه أثناء إلغاء التثبيت ، يجب أن تبدأ من جديد - الاستجابة لطلبات الموقع مرة أخرى ، وتشكيل قاعدة أذونات وحظر لـ دفع الإخطارات من البداية.

إلغاء الاشتراك من Web-push ومنعهم

قد تتسبب كمية كبيرة من الرسائل المنبثقة في إزعاج المستخدم بمرور الوقت. بالإضافة إلى ذلك ، قد تتغير مصالحنا.

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

موقع الكتروني 15.12.2017

يوم سعيد عزيزي الزائر.

إشعارات فورية من الموقع عن ظهور مادة جديدة وكذلك أحداث أخرى ، فماذا يمكن أن يكون أفضل ؟! أتت إلينا هذه التقنية من عالم تكنولوجيا الهاتف المحمول - في البداية ، كانت الإشعارات الفورية تمثل فقط الكثير من تطبيقات الهاتف المحمول ، ولكن بمرور الوقت ، تم إدخال "الميزة" في المتصفحات (الهاتف المحمول ، ثم سطح المكتب).

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

أود أن أشير على الفور إلى أنه يمكن دمج إشعارات Web Push فقط في تلك المواقع التي تعمل باستخدام بروتوكول آمن (https) - وهذا أحد متطلبات التقنية.

ما هو دفع الويب

عندما يزور أحد المستخدمين موقعًا به خدمة مراسلة فورية ، سيتم عرض رسالة خفية تشير إلى أن الموقع يطلب إذنًا لإرسال إعلامات. يعتمد تصميم هذا الإشعار على المتصفح الذي تستخدمه.

تُظهر الصورة مثالاً مع اقتراح الاشتراك في إشعارات من موقع في متصفح سطح المكتب Google Chrome و Mozilla Firefox.

وهذه هي الطريقة التي بدا بها نفس الطلب في متصفح Chrome لنظام Android للجوال حتى الإصدار 63.0.3239.107.

بعد ذلك ، قام مطورو متصفح Google للجوال بمراجعة أسلوبهم في الاستعلام عن الناتج ، مما جعله أكثر صرامة. من الآن فصاعدًا ، يتخطى المحتوى حتى يقوم المستخدم بالاختيار.

وإدراكًا منها أن هذا قد يزعج الزوار ، قام OneSignal بما يلي: عند الوصول إلى الموقع من متصفح Google Chrome لنظام Android للجوال ، سيتم عرض نافذة منبثقة تطلب الإذن بالاشتراك (نص الطلب قابل للتكوين). إذا وافق المستخدم ، فسيتم عرض مطالبة قياسية بالفعل لتمكين التنبيهات في المتصفح.
ينطبق هذا فقط على متصفح Google Chrome لنظام Android على الهاتف المحمول ؛ وفي جميع المتصفحات الأخرى ، تظل خوارزمية عرض طلب اشتراك الإخطار دون تغيير.

عندما يوافق المستخدم على تلقي الإخطارات ، يمكنك تعيين إشعار "ترحيب" ، والذي يعني أنك قد اشتركت في إشعارات حول مواد الموقع الجديدة. وعندما تظهر ، سيتم إخطارك من خلال إشعار مطابق.

كما ترى ، على متصفحات الهاتف المحمول ، غالبًا ما يتم عرض التنبيهات في شريط التنبيهات ، بينما تظهر على متصفحات سطح المكتب (الكمبيوتر) في الزاوية اليمنى السفلية.

التنبيهات نفسها قابلة للتخصيص أيضًا: يمكنك تعيين صورة وعنوان ونص رسالة وفتح صفحة محددة عند النقر فوق التنبيه.

كيفية توصيل Web Push بالموقع

يجب أن يكون مفهوما أن Web Push هي خدمة يصعب تنفيذها ببساطة عن طريق تثبيت مكون إضافي ومعالجات مماثلة. لذلك ، سوف نستخدم خدمة الطرف الثالث المقابلة. في هذه الحالة ، سنتحدث عن خدمة OneSignal ، والتي من خلالها سنمنح موقعنا بالوظائف الموضحة أعلاه. لماذا هو بالضبط؟ لأنه مجاني تمامًا ، لا يرسل للمستخدمين أي إعلانات وأشياء أخرى.

من غير المحتمل أن يعرف المستخدمون أن Web Push لموقعك يتم تنفيذه باستخدام خدمة OneSignal. هذه هي ميزته التي لا يمكن إنكارها.

ما هي عيوبه؟ هم أيضا متاحون. واجهة هذه الخدمة باللغة الإنجليزية ، وستحتاج إلى التعود عليها إذا كنت تخطط لإنشاء تنبيهات من هناك سيتم إرسالها إلى المستخدمين المشتركين بها.

هناك مكون إضافي رسمي للتكامل في WordPress ، والذي ، مع ذلك ، لم يعجبني على الإطلاق. حجمه 6.5 ميغا بايت ، وهو عدد كبير جدًا ... لقد منعني بالفعل من استخدامه.

لقد قمت بدمج Web Push في الموقع باستخدام "المقابض" من خلال قراءة دليل التكامل (باللغة الإنجليزية) ، والذي يتم تقديمه ببعض التفاصيل على موقع الخدمة على الويب.

وأقوم بتشكيل الرسائل بأنفسهم من خلال حسابي الشخصي على الخدمة.

أريد أن أخبرك عن طريقة التكامل هذه (بدون مكون إضافي). من الجدير بالذكر أنه باستخدام طريقة التكامل الموصوفة ، يمكنك منح Web Push وظائف ليس فقط موقع WordPress ، ولكن أيضًا واحد يعمل على أي محرك آخر ، أو حتى يتكون من صفحات html ثابتة. اختيار متعدد الاستخدامات حقًا!

1. تتمثل الخطوة الأولى في الانتقال إلى موقع خدمة OneSignal والتسجيل. للقيام بذلك ، انقر فوق الارتباط تسجيل دخولوفي النافذة التي تظهر ، انقر فوق الارتباط اشتراك، والذي يقع في الجزء السفلي. هناك ستحتاج إلى إدخال بريدك الإلكتروني وكلمة المرور واسم الشركة أو المؤسسة (أدخل أيًا منها) ، وقبول شروط اتفاقية الاستخدام. يمكنك أيضًا الحصول على تسجيل سريع إذا كان لديك حساب على Google و Facebook و Github.
2. بعد التسجيل وإدخال حسابك الشخصي ، ستظهر لك رسالة ترحيب تسرد ميزات الخدمة.
3. بعد النقر على النافذة الأخيرة ، انقر فوق الزر الموجود هناك أضف تطبيقًا جديدًا.

   

4. في النافذة التي تفتح ، أدخل اسمًا ، على سبيل المثال ، اسم الموقع ، وانقر فوق الزر خلق.

   

5. بعد ذلك ، سترى عينيك نافذة ستحتاج فيها إلى النقر فوق الزر الذي يحتوي على النقش دفع الموقعواضغط على المفتاح التالي.

   

6. في النافذة التالية ، انقر فوق الزر المسمى جوجل كروم وموزيلا فايرفوكس، ثم اضغط التالي.

   

   ملاحظة: يوجد أيضًا زر أبل سفاري، وقد يكون لديك سؤال طبيعي: ماذا عن هذا المتصفح؟ لا تقلق ، سنضيفه في إحدى الخطوات التالية.

7. في النافذة التالية ، سيُطلب منا إدخال عنوان الموقع وشعاره (اختياري ، يمكنك إضافته لاحقًا). يجب أن يكون للشعار نفسه دقة 192 × 192 بكسل بتنسيق png ، ويجب أن يكون الملف موجودًا في الاستضافة نفسها. بعد إدخال البيانات ، اضغط على المفتاح يحفظ.

   

8. نتيجة لذلك ، ستفتح نافذة ستحتاج فيها إلى الاختيار من بين الخيارات حول كيفية دمج الخدمة ، ستحتاج إلى النقر فوق الزر دفع الموقع، و اضغط التالي.

   

9. ستتغير المعلومات الموجودة في النافذة وملفات معرف التطبيق الخاص بك. لا تغلق هذه النافذة ، سنحتاجها لاحقًا. الآن دعنا ننتقل إلى دمج رمز الخدمة في الموقع.

   

10. لدمج الكود في الموقع ، تحتاج إلى تنزيل هذا الأرشيف (يتم تنزيل الأرشيف من الموقع الرسمي) بالملفات المطلوبة لتحقيق التكامل بنجاح. الأرشيف يحتوي على مجلد ملفات OneSignalSDK، ويحتوي على ثلاثة ملفات:
    • البيان. json
    • OneSignalSDKWorker.js
    • OneSignalSDKUpdaterWorker.js

    قم بفك ضغط هذه الملفات.

11. بعد ذلك ، تحتاج إلى فتح الملف في محرر نصي. البيان. jsonوتحرير التسمية التوضيحية مثال OneSignalباسم موقعك. لا توجد متطلبات صارمة هنا ، يمكنك إدخال اسم الموقع وشعاره.

    

12. الآن قم بتحميل هذه الملفات إلى جذر موقعك بحيث تكون هذه الملفات متاحة إذا قمت بكتابة عنوانها في شريط المتصفح:

    https://sitename.ru/manifest.json
    https://sitename.ru/OneSignalSDKWorker.js
    https://sitename.ru/OneSignalSDKUpdaterWorker.js

13. ولكن هذا ليس كل شيء. أنت الآن بحاجة إلى إضافة التعليمات البرمجية مباشرة إلى قالب الموقع. إذا كان هذا هو WordPress ، فانتقل إلى المجلد ( \ wp- محتوى \ مواضيع \<папка с названием темы> ) حيث يوجد الموضوع الذي تستخدمه وابحث عن الملف هناك header.php. افتح هذا الملف للتحرير والكتابة في مكان ما بين العلامات … الكود التالي:

    لا تنسى المكان أدخل معرف التطبيق الخاص بك هناأدخل الرمز الذي تم تعيينه في حالتك ، ويتم عرضه في النافذة التي تم تمييزها في الخطوة 9.

    العنوان والرسالة مسؤولان عن رسالة "الترحيب" عند الاشتراك ، يمكنك تغيير النص في هذه السطور حسب رغبتك.

    وتكون معلمات actionMessage ، AcceptButtonText ، cancellButtonText مسؤولة عن نص طلب الاشتراك ، والذي يتم عرضه في متصفح Google Chrome لأجهزة Android المحمولة وليس في أي مكان آخر.

    حفظ الملف header.phpمع الرمز الذي أدخلته.

14. افتح موقعك الآن. من المفترض أن ترى تنبيهًا يطالبك بالاشتراك في الإشعارات الفورية. أتفق مع هذا العرض.

    

    ملاحظة: من الجدير بالذكر أن هذا الطلب يتم عرضه مرة واحدة. وإذا وافقت عليها ، فلن تظهر لاحقًا ، ولكن سيتم تنفيذ اشتراك تلقائي. حتى محو سجل المتصفح الخاص بك لن يساعد.
    لقد واجهت للتو ميزة هذه التكنولوجيا بنفسي ، حيث جربت الاندماج في الموقع. لذلك إذا كنت لا ترى الطلب ، فلا يجب عليك "دق ناقوس الخطر" وتعتقد أن شيئًا ما لا يعمل ، فقط حاول الوصول إليه من متصفح آخر لم يدخل إلى الموقع من قبل.

    تهانينا - أنت أول مشترك في التنبيهات من موقعك :-) ولكن هذا ليس كل شيء.

15. الان ارجع للنافذة التي تركناها للمضي قدما في دمج الكود بالموقع واضغط على الزر الموجود بها تحقق المستخدمين المشتركين. نتيجة لذلك ، ستظهر رسالة أسفل الزر ، إذا كان لونه أخضر ، فسير كل شيء على ما يرام ، يمكنك النقر فوق الزر الموجود في الركن الأيمن السفلي منتهي.

    

    سيعمل Web Push (الاشتراك والاستلام) في متصفح Google Chrome والمتصفح الذي يعتمد على رمز Chromium: Opera و Yandex Browser وما إلى ذلك ، بالإضافة إلى Mozilla Firefox.

16. علينا فقط تمكين القدرة على العمل Web Push في متصفح Apple Safari - إصدار سطح المكتب من متصفح Apple (ليس الهاتف المحمول ، لا يدعم iOS تقنية Web Push).

    لتمكين دعم Apple Safari ، قم بما يلي:

    في حساب OneSignal الخاص بك ، في القائمة اليسرى ، انقر فوق الارتباط إعدادات التطبيقات، في القائمة التي تفتح ، انقر فوق الزر تهيئةالتي تقع مقابل النقطة أبل سفاري.

    

    في النافذة التي تفتح ، أدخل اسم موقعك وأدخل عنوان URL الخاص به. اختياريًا ، يمكنك تحميل شعار موقع سيتم عرضه في التنبيه. للقيام بذلك ، حدد المربع أود تحميل أيقونات الإشعارات الخاصة بيوتحميل الملف الرسومي. متطلبات الشعار هي دقة 256 × 256 بكسل ، تنسيق png. بعد القيام بكل ما يلزم - انقر فوق الزر يحفظ.

    

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

    

    يجب نسخه ولصقه في الكود الذي أدخلناه مسبقًا في الملف header.php:

    SistNotification: صحيح ، safari_web_id: "" ، WelcomeNotification: ("title": "Notification ...

    SistNotification: true ، safari_web_id: "أدخل معرف Apple Safari الخاص بك هنا" ، مرحبًا ، إشعار: ("title": "Notification ...

    احفظ التغييرات.

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

انتقل إلى ما يسمى "التذييل" (في الكود المصدري للصفحة ، يتم عرضه في الأسفل).

كيفية إنشاء وإرسال Web Push إلى المشتركين

اكتشفنا الكود والتكامل ، والآن يعود الأمر إلى الشيء الصغير - لإنشاء قائمة بريدية.

1. للقيام بذلك ، انقر فوق الارتباط الموجود في القائمة اليسرى رسالة جديدة.

   

   هناك ، سينتظرنا معالج ، وبمساعدته سننشئ قائمة بريدية.

2. في صفحة "إرسال إلى" ، يكون الجميع محددًا بشكل افتراضي بالفعل ( أرسل للجميع). انقر التالي.

   

3. يتم إدخال الرسالة في الصفحة التالية. لا تلتفت إلى النقش الإنجليزيةقبل نموذج الإدخال ، يمكنك ببساطة إنشاء قائمة بريدية متعددة لكل لغة محددة. إذا لم تكن بحاجة إليه ، فلا تتردد في إدخال العنوان ( عنوان) والرسالة ( رسالة) و اضغط التالي.

   

4. في هذه الصفحة ، يُطلب منا تحديد الرموز والصورة والرابط الذي سيتم فتحه عند النقر فوق التنبيه.

   

   أيقونات ( أيقونة- الصورة المصغرة المعروضة بجوار النص) تدعم Google Chrome و Mozilla Firefox (والمتصفحات القائمة على Chromium) ، الصورة الكبيرة ( صورة) فقط Chrome ومن الإصدار 56 فقط. بالنسبة لمتصفح Safari ، لا توجد طريقة لتحديد رمز ، ستعرض الإشعارات الواردة دائمًا الرمز الذي تم تحميله في الخطوة 16 من التعليمات الخاصة بتوصيل Web Push بالموقع. هذا هو تنفيذ دعم إعلام الدفع في متصفح Safari.

   يمكنك تجاهل إدخال الصورة الكبيرة ( صورة) ، يقتصر على تحديد الرمز ( أيقونة).

   المزيد ليقوله عن الميدان حان الوقت للعيش- هذا الخيار مسؤول عن عمر الرسالة ، افتراضيًا يساوي ثلاثة أيام. إذا لم يتمكن الهاتف الذكي / المتصفح خلال هذا الوقت من الوصول إلى الإنترنت ، فلن يتم تسليم الرسالة إليه على الإطلاق.

   من المنطقي زيادة هذه الفجوة. أقوم بزيادة هذا الحد إلى 128 يومًا (عن طريق إدخال 11111111 في الميدان). ولزيادتها ، ما عليك سوى البدء في إدخال الأرقام وسيتم عرض الحد المعين في الوقت الفعلي.

   بعد إدخال جميع البيانات ، انقر فوق التالي.

5. الصفحة التالية تشير إلى وقت الإرسال. بشكل افتراضي ، يكون الإرسال فوريًا ، ولكن يمكنك محاولة استخدام الخيار التسليم الذكي (موصى به)- إرسال الرسائل في الوقت الذي يُرجح أن تكون ذات صلة بمستخدمين معينين (اعتمادًا على المنطقة الزمنية وعوامل أخرى) .

   

   انقر للمتابعة يتأكد.

6. نتيجة لذلك ، سيتم عرض صفحة تحتوي على معلومات موجزة حول إرسال رسالة ومحتواها وعدد المشتركين وما إلى ذلك. اضغط على الزر لتأكيد الإرسال. إرسال رسالة.

   

وسيتم نقلك إلى صفحة الإحصائيات ، حيث يمكنك معرفة إجمالي عدد الرسائل التي تم إرسالها ، وأي منها وصل إلى الهدف ، وعدد مرات نقر المشتركين عليه ، وما إلى ذلك. مريحة للغاية ومرئية.

من الجدير بالذكر أنه في القائمة اليسرى يمكنك تحديد العنصر القوالبوإنشاء نموذج بريدي حتى لا يتم إدخال معلومات متكررة في كل مرة عند إنشاء قائمة بريدية عادية.

ملخص

في المادة ، درسنا بالتفصيل مزايا دفع الويب ، وعملية تثبيت خدمة الإشعارات الفورية على أحد المواقع ، واستخدامها باستخدام مثال خدمة مجانية تمامًا من OneSignal.

إذا كان لديك أي أسئلة ، فيمكنك في التعليقات توضيح كل التفاصيل الدقيقة والفروق الدقيقة.

موقع التبرع(يتم جمع التبرعات من خلال خدمة Yandex Money)

كيفية إيقاف تشغيل الإشعارات - هذا السؤال يقلق بعض المستخدمين الذين يرون الإشعارات في المتصفح بعد تسجيل الدخول إلى العديد من المواقع على الإنترنت. تم تصميم تقنية Push لتوزيع المعلومات على الإنترنت من المزود ، في هذه الحالة ، الموقع ، إلى مستخدم هذا الموقع.

هناك حاجة إلى دفع الإخطارات للموقع لإعلام زوار الموقع بالأخبار ، وبشكل أساسي حول إصدار مقالات جديدة. في هذه الحالة ، يتلقى الزائر إشعارات من الموقع في الوقت المناسب ويمكنه قراءة الأخبار على الفور.

يتم إرسال الإخطارات نيابة عن الموقع باستخدام خدمة جهة خارجية تنظم تسليم الإخطارات إلى أجهزة الكمبيوتر الخاصة بالمستخدمين.

ما هو دفع الإخطار على جهاز الكمبيوتر؟ إذا وافق زائر الموقع على تلقي رسائل من هذا المورد ، فعندئذ من وقت لآخر ، تظهر إشعارات حول أخبار هذا الموقع على سطح مكتب المستخدم.

كيف تعمل الإخطارات

عند زيارة موقع تم تمكين وظيفة إرسال الإشعارات فيه ، يرى الزائر في كل مرة طلبًا للسماح بعرض الإشعارات ، حيث يُقترح النقر فوق الزر "سماح" أو "حظر". قد تختلف أسماء الأزرار ، لكن المعنى هو نفسه في كل مكان.

يمكن لزائر الموقع تجاهل هذه النافذة المنبثقة لأن نافذة طلب إعلام الدفع صغيرة ولا تتداخل مع تصفح الموقع.

يختلف مظهر هذه النوافذ حسب الخدمة التي ترسل إشعارات من هذا الموقع.

بالنقر فوق الزر "السماح" ، فإنك توافق على تلقي رسائل الدفع على جهاز الكمبيوتر الخاص بك.

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

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

لمنع طلب الإذن بإرسال تنبيهات من هذا الموقع لم يعد يظهر عند زيارة هذا الموقع مرة أخرى ، انقر فوق الزر "حظر".

إذا كنت تتلقى بالفعل رسائل دفع من موقع معين ، فيمكن للمستخدم تعطيل دفع الإشعارات من تلقاء نفسه في متصفحه ، والذي سمح فيه بتلقي الإشعارات على أجهزة الكمبيوتر الخاصة به.

كيفية إزالة دفع الإخطارات بعد تلقي تنبيه

في العديد من الإشعارات ، بناءً على إعدادات الخدمة التي ترسل الإشعارات ، يمكنك تعطيل دفع الإشعارات مباشرة في نافذة الرسالة المفتوحة.

للقيام بذلك ، انقر فوق رمز الإعدادات (الترس) ، ثم حدد "إيقاف تشغيل الإشعارات من الموقع".

بعد ذلك ، لن تظهر الإشعارات الواردة من هذا الموقع على جهاز الكمبيوتر الخاص بك.

كيفية تعطيل دفع الإخطارات في جوجل كروم

أدخل إعدادات متصفح Google Chrome ، وقم بالتمرير لأسفل عجلة الماوس ، وانقر فوق الارتباط "خيارات متقدمة".

في قسم "الخصوصية والأمان" ، انقر فوق الزر "إعدادات الموقع". في نافذة "إعدادات الموقع" التي تفتح ، ابحث عن قسم "الإشعارات".

هنا يمكنك إعداد تلقي التنبيهات من المواقع. بشكل افتراضي ، يتم تحديد "طلب الإذن قبل الإرسال (مستحسن)".

لإزالة الإشعارات الفورية في متصفح Google Chrome ، قم بتنشيط عنصر "عدم إظهار الإشعارات على المواقع".

لمنع تلقي التنبيهات من موقع معين ، انقر فوق الزر "إضافة" الموجود مقابل المعلمة "Block".

في نافذة "إضافة موقع" ، أدخل عنوان الموقع ، ثم انقر فوق الزر "إضافة".

لتهيئة استلام رسائل الدفع ، انقر فوق الزر "إضافة" الموجود مقابل خيار "السماح".

في النافذة التي تفتح ، أضف الموقع المطلوب إلى قائمة المواقع التي يُسمح لك بتلقي الإشعارات منها في متصفح Google Chrome.

كيفية تعطيل رسائل الدفع في Mozilla Firefox (طريقة واحدة)

أدخل إعدادات متصفح Mozilla Firefox ، وافتح قسم "الخصوصية والأمان". في خيار "الأذونات" ، انتقل إلى خيار "الإشعارات".

حدد المربع بجوار إيقاف تشغيل الإشعارات حتى يتم إعادة تشغيل Firefox. بعد ذلك ، لن يتم عرض إشعارات الدفع حتى يتم تعطيل متصفح Mozilla Firefox.

لإدارة التنبيهات ، انقر فوق الزر "إعدادات ...". في نافذة "الخيارات - إذن لعرض الإخطارات" توجد قائمة بالمواقع والإشعارات المسموح بها أو المحظورة.

إذا كان أحد المواقع لديه حالة "حظر" بجواره ، فلن تظهر الإشعارات الواردة من هذا الموقع على جهاز الكمبيوتر الخاص بك ، لأنك قمت سابقًا بحظر طلب إرسال إشعارات من هذا الموقع.

إذا كانت الحالة "سماح" بجوار عنوان الموقع ، فستظهر الإشعارات من هذا الموقع على جهاز الكمبيوتر الخاص بك.

يمكنك إزالة أي موقع من القائمة باستخدام الزر "إزالة موقع الويب" ، أو إزالة كافة المواقع من القائمة بالنقر فوق الزر "إزالة كافة مواقع الويب".

بعد ذلك ، لن تظهر الإشعارات الجديدة من الموقع البعيد على سطح مكتب جهاز الكمبيوتر الخاص بك. عند زيارة هذا الموقع مرة أخرى ، قم برفض طلب تلقي التنبيهات.

لحظر تلقي رسائل جديدة من مواقع غير تلك المدرجة في هذه القائمة ، حدد مربع الاختيار "حظر الطلبات الجديدة لإرسال إشعارات إليك".

لإنهاء تكوين الترتيب الذي يتم استلام الإشعارات به ، انقر فوق الزر "حفظ التغييرات".

كيفية إزالة دفع الإشعارات في Mozilla Firefox (اتجاهان)

لتعطيل الإشعارات تمامًا في متصفح Mozilla Firefox ، يلزمك إدخال إعدادات المتصفح المخفية.

اكتب في شريط العنوان التعبير: "about: config" (بدون علامات الاقتباس). في النافذة التي تفتح ، انقر فوق الزر "أقبل المخاطرة!".

في النافذة الجديدة ، أدخل في حقل "بحث" التعبير: "dom.webnotifications.enabled" (بدون علامات الاقتباس) ، ثم اضغط على مفتاح "Enter".

هذا الإعداد الافتراضي هو "صحيح". حدد الخط ، انقر بزر الماوس الأيمن ، وحدد "تبديل" من قائمة السياق. ستتغير قيمة المعلمة إلى "خطأ".

كيفية تعطيل دفع الإخطارات في Yandex.Browser

أدخل إعدادات متصفح Yandex ، وانتقل إلى علامة التبويب "المواقع".

في قسم "المواقع" ، انتقل إلى خيار "طلبات إرسال الإشعارات". هناك ثلاثة خيارات للعمل هنا:

• إظهار طلبات الإرسال (مستحسن).
• لا تظهر طلبات الإرسال.
• اشترك تلقائيا في الإخطارات.

حدد الخيار المطلوب الذي ينظم إجراء تلقي رسائل الدفع. لتعطيل جميع إشعارات الدفع تمامًا في متصفح Yandex ، حدد خيار "عدم إظهار طلبات الإرسال".

إذا كنت بحاجة إلى تكوين استلام الإخطارات الفردية ، فانقر على الرابط "في المواقع الأخرى". بعد ذلك ، في نافذة "إرسال الإشعارات" ، حدد الإشعارات الفورية التي تريد حظرها والإشعارات التي تريد السماح بها.

افتح علامة التبويب "مسموح به" أو "ممنوع" ، باستخدام الزر "إضافة" ، أضف رابطًا إلى الموقع في القسم المناسب.

كيفية إيقاف تشغيل الإشعارات الفورية في Opera

ادخل إلى قائمة متصفح Opera ، وانقر على عنصر قائمة سياق "الإعدادات". بعد ذلك ، حدد قسم "متقدم" ، انقر فوق "الأمان".

ضمن قسم الخصوصية والأمان ، حدد خيار إعدادات المحتوى. ابحث عن خيار "الإشعارات".

في نافذة الإشعارات ، يتم تمكين الخيار "طلب الإذن قبل الإرسال (مستحسن)" افتراضيًا.

هنا تحتاج إلى إضافة الموقع إلى قسم "الحظر" أو "السماح".

كيفية تعطيل دفع الإخطارات في Microsoft Edge

قم بتسجيل الدخول إلى إعدادات متصفح Microsoft Edge. حدد "خيارات" في نافذة "خيارات" ، انقر فوق "عرض الخيارات المتقدمة". في نافذة "Advanced Options" ، حدد "Notifications" ثم انقر فوق الزر "Manage".

ستعرض نافذة إدارة الإشعارات المواقع التي تطلب إذنًا لعرض الإشعارات. يمكنك تغيير الأذونات لمواقع محددة.

استنتاجات المادة

يمكن للمستخدم تعطيل إشعارات الدفع (الدفع) بشكل مستقل في المتصفح التي يتلقاها على سطح المكتب لجهاز الكمبيوتر الخاص به ، مما يسمح بإرسال الإشعارات من موقع ويب معين.

بالتأكيد رأى كل من استخدم بريد Google مرة واحدة على الأقل إشعارات مثل هذا:

إخطارات gmail

تسمى هذه الإشعارات إشعارات HTML5 ، وهي مرئية حتى إذا قمت بالتبديل إلى علامة تبويب أخرى أو تصغير المتصفح تمامًا.

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

يوجد أيضًا في نهاية المقالة وظيفة جاهزة يمكنك من خلالها البدء في إرسال الإشعارات دون الخوض في التفاصيل.

وفقًا لموقع caniuse.com ، تعمل الآن هذه الإشعارات (إشعارات HTML5) في متصفحات Chrome و Firefox (35+) و Opera (27+) و Safari (7.1+). لا يدعم Internet Explorer الإعلامات عبر الإنترنت. إذا أخذنا في الاعتبار الأنظمة الأساسية للجوّال ، فإن متصفح Android فقط لديه دعم جزئي لإشعارات HTML5.

قبل أن نتمكن من إرسال الإشعارات مباشرة ، نحتاج إلى الحصول على إذن للقيام بذلك.
يمكنك القيام بذلك باستخدام طريقة Notification.requestPermission ():

Notification.requestPermission (الوظيفة (إذن) (// يحتوي متغير الإذن على نتيجة طلب console.log ("نتيجة طلب الإذن:" ، إذن) ؛)) ؛

بعد تنفيذ الطريقة ، سيتم تخزين نتيجة طلب الإذن في متغير الإذن.

وهنا معانيها المختلفة مع التفسيرات:

• التقصير - لم يتم إرسال طلب للحصول على الحقوق ؛
• الممنوحة - يسمح للمستخدم بإظهار الإخطارات ؛
• مرفوض - نفى المستخدم إظهار الإخطارات.

بعد استلام الحقوق ، يمكننا المتابعة مباشرة إلى إرسال الإشعارات.
يتم ذلك بكل بساطة ، في سطر واحد:

إخطار Var = إخطار جديد (عنوان ، خيارات) ؛

العنوان - عنوان الإخطار ،

الخيارات (اختياري) بها الخيارات التالية:

• نص - نص إعلام (النص الرئيسي) ، تم اقتطاعه بشكل مختلف في المتصفحات وأنظمة التشغيل المختلفة (على سبيل المثال ، في Chrome ضمن Win 8.1 ، الحد الأقصى للطول هو 200 حرف) ؛
• dir - اتجاه عرض الإخطار ، يمكن أن يكون تلقائي ، ltr (من اليسار إلى اليمين) أو rtl (من اليمين إلى اليسار) ؛
• لانج - لغة الإخطار ؛
• العلامة - معرف إعلام فريد يمكن استخدامه لاستبداله بإشعار آخر أو حذفه ؛
• رمز - عنوان URL للصورة التي سيتم عرضها في الإشعار (موصى به بدقة 40 × 40 بكسل).

دعنا نحاول ضبط المعلمات وإرسال إشعار:

Var إشعار = إشعار جديد ("كم عدد مبرمجي TYU الذي يستغرقه الأمر لتثبيت المصباح الكهربائي؟" ، (النص الأساسي: "أنت فقط!" ، dir: "auto" ، icon: "icon.jpg")) ؛

نتيجة تنفيذ الكود أعلاه

يحتوي الإخطار أيضًا على طرق معالج الحدث onclick و onshow و onerror و onclose:

انقر فوق الوظيفة () (تنبيه ("نقر المستخدم على الإشعار") ؛) الإعلام .onclick = clickFunc؛

نتيجة:

عند النقر

وظيفة واحدة لكل شيء

سنجمع الآن كل شيء في وظيفة واحدة ونضيف بعض عمليات التحقق من الأخطاء:

وظيفة sendNotification (العنوان ، الخيارات) (// تحقق مما إذا كان المتصفح يدعم إشعارات HTML5 إذا (! ("الإخطار" في النافذة)) (تنبيه ("متصفحك لا يدعم تنبيهات HTML ، يجب تحديثه.") ؛) // تحقق مما إذا كانت هناك حقوق لإرسال إشعارات أخرى إذا (Notification.permission === "ممنوح") (// إذا كانت هناك حقوق ، فأرسل إخطارًا var إشعار = إعلام جديد (العنوان ، خيارات) ؛ انقر فوق الوظيفة () (تنبيه ("نقر المستخدم على الإشعار") ؛) إشعار.onclick = clickFunc ؛) // إذا لم تكن هناك حقوق ، نحاول الحصول عليها إذا (Notification.permission! == "مرفوض") (Notification.requestPermission (الوظيفة (الإذن) (// إذا تم استلام الحقوق بنجاح ، فأرسل إشعارًا إذا (الإذن === "ممنوح") (var الإعلام = إعلام جديد (العنوان ، الخيارات) ؛) else (تنبيه ("لقد رفضت الإشعارات ") ؛ // رفض المستخدم طلبنا لعرض الإشعارات))) ؛) آخر (// رفض المستخدم سابقًا طلبنا لإظهار الإشعارات // في هذه المرحلة نستطيع ، لكننا لن نضايقه. احترم قرارات المستخدمين. )

لدينا الآن ميزة رائعة تجعل من السهل إرسال الإشعارات دون تشتيت انتباهك بطلبات الحقوق أو دعم المتصفح:

SendNotification ("إرجاع Linus!" ، (النص الأساسي: "اختبار إشعارات HTML5" ، الرمز: "icon.jpg" ، dir: "auto")) ؛

نتيجة تنفيذ الوظيفة في متصفحات مختلفة: