كيفية إنشاء رابط النقر للاشتراك للإشعارات الفورية

هل تبحث عن طريقة لإنشاء رابط للاشتراك بنقرة واحدة وجمع مشتركين في الإشعارات الفورية؟

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

لا تقلق. لقد قمنا بتغطيتك.

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

سنستخدم PushEngage لنوضح لك كيفية القيام بذلك.

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

لذا، إذا لم تكن قد فعلت ذلك بالفعل، ابدأ مع PushEngage اليوم.

هل أنت مستعد؟ دعنا نبدأ.

كيفية إنشاء زر اشتراك بنقرة واحدة باستخدام PushEngage

إذا لم تقم بإعداد PushEngage بعد، فهذا هو الوقت المناسب للقيام بذلك.

الخطوة رقم 1: ابدأ مع PushEngage

توجه إلى الصفحة الرئيسية لـ PushEngage وانقر على زر ابدأ:

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

الخطوة رقم 2: انسخ الكود

في لوحة تحكم PushEngage الخاصة بك، توجه إلى إعدادات الموقع » تفاصيل الموقع وانقر على زر انقر هنا للحصول على تعليمات الإعداد. ضمن أي موقع، ستحصل على كود التثبيت الخاص بك:

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

بمجرد حصولك على الكود في لوحة تحكم PushEngage الخاصة بك، أضف هذا المقتطف إلى الكود الخاص بك:

<script> window._peq = window._peq || [];</script>

يجب أن يبدو الكود النهائي الخاص بك شيئًا كهذا:

<script src="https://clientcdn.pushengage.com/core/02a6e92667ae2279fcba8932356c1d93.js" async></script>
<script> window._peq = window._peq || [];</script>

الخطوة رقم 3: إنشاء زر أو رابط

كيفية إنشاء زر اشتراك بنقرة واحدة في HTML

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

لإنشاء زر اشتراك بنقرة واحدة، استخدم مقتطف HTML هذا:

<button onclick="subscribeOnClickButton()">Subscribe</button>

يمكن أن يكون زر الاشتراك رائعًا كدعوة لاتخاذ إجراء قبل الطي.

إليك كيف سيبدو ذلك بدون أي تنسيق:

تجاهل العنوان والفقرة في لقطة الشاشة. إنهما فقط لإظهار كيف يمكن أن يبدو على الطية الأولى لموقع الويب. مقتطف HTML لن يقوم بإنشاء العنوان والفقرة.

بالطبع، يجب عليك تنسيق زرّك باستخدام CSS بمجرد لصق الكود. إذا كنت لا تعرف كيفية تنسيق عناصر HTML، فهذه قائمة لطيفة من الأمثلة يمكنك إلقاء نظرة عليها.

كيفية إنشاء رابط اشتراك بنقرة واحدة في HTML

يمكنك أيضًا جمع مشتركيك باستخدام رابط اشتراك. في هذه الحالة، إليك مقتطف HTML:

<a onclick="subscribeOnClickButton();" href="javascript:void(0)">Subscribe</a>

هذا مخصص عندما تنشئ رابطًا تشعبيًا داخل النص. يمكن أن يكون هذا مفيدًا جدًا إذا كنت ترغب في إدراج عرض اشتراك في الإشعارات الفورية في منشورات مدونتك.

يجب أن يبدو شيئًا كهذا:

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

وهذا كل شيء! رابطك جاهز.

الخطوة #4: تضمين الكود في ووردبريس

هل انتهيت؟ دعنا ننتقل إلى بقية الكود إذن.

الآن ، إذا كنت تريد فقط جمع مشترك عند النقر على الزر ، فقم بلصق هذا الكود:

<script>
function subscribeOnClickButton() {
window._peq.push(['subscribe']);
}
</script>

لا توجد أجراس وصفارات فاخرة هنا. مجرد زر يجمع المشتركين عند النقر عليه.

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

function subscribeOnClickButton(){
window._peq.push(['subscribe',{}.pe,function(res){
if(res.statuscode==1)
{
// Code to return response
console.log(res);
}
}]);
}

إذا كنت ترغب في جمع مشتركين عند النقر على زر موقعك ثم تقسيم هؤلاء المشتركين تلقائيًا ، يمكنك استخدام هذا الكود بدلاً من ذلك:

function subscribeOnClickButton(){
window._peq.push(['subscribe','segment_name',function(res){
if(res.statuscode==1)
{
// Code to return response
console.log(res);
}
}]);
}

وأنت انتهيت. اختر أي مقتطف كود يناسبك بشكل أفضل وقم بلصقه في كود HTML الخاص بموقعك.

الآن ، لكي يعمل الزر أو الرابط ، ستحتاج إلى لصق المزيد من كود جافا سكريبت في أسفل صفحتك.

إذا كنت تدير موقع ووردبريس ، فإن أبسط طريقة للقيام بذلك هي استخدام إضافة. أفضل إضافة لهذه المهمة هي إضافة Insert Headers and Footers. قم بتثبيت الإضافة (إنها مجانية) وتوجه إلى Settings » Insert Headers and Footers:

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

الخطوة #5: لصق كود HTML للزر أو الرابط على موقعك

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

إذا كنت تستخدم ووردبريس ، يمكنك لصق كود HTML مباشرة في المقالة.

لا بأس إذا لم تفعل هذا من قبل.

إليك مقالة حول كيفية إضافة كود HTML في ووردبريس مع تعليمات خطوة بخطوة.

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

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

خاتمة

هذا كل شيء لهذا اليوم أيها الأصدقاء!

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

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

وإذا كنت جديدًا في مجال إشعارات الدفع ، فيجب عليك تجربة PushEngage. تقدم PushEngage بعضًا من أقوى حملات إشعارات الدفع وأكثرها مرونة في أي مكان. لذا ، إذا كنت جادًا بشأن تنمية عملك ، ابدأ مع PushEngage اليوم!