سكربت إيقاف مانع الإعلانات على بلوجر وطريقة تركيبه

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

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

ما هو سكربت إيقاف مانع الإعلانات؟

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

كيف يعمل السكربت؟

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

أهمية استخدام سكربت إيقاف مانع الإعلانات

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

خطوات إضافة سكربت إيقاف مانع الإعلانات على بلوجر

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

الخطوة 1: الوصول إلى لوحة تحكم بلوجر

1. سجل الدخول إلى حسابك في بلوجر (Blogger) على www.blogger.com
2. اختر المدونة التي ترغب في إضافة السكربت إليها من القائمة المنسدلة.

الخطوة 2: تعديل القالب

1. في لوحة التحكم، انتقل إلى قسم "المظهر" (Theme) في الشريط الجانبي الأيسر.
2. انقر على زر "تعديل HTML" (Edit HTML).

الخطوة 3: إضافة كود CSS

1. في صفحة تعديل HTML، ابحث عن الوسم ]]></b:skin> باستخدام اختصار لوحة المفاتيح CTRL + F (Command + F على نظام macOS).
2. انسخ الكود التالي والصقه مباشرة قبل الوسم ]]></b:skin>:

#ignielAdBlock {
    background: #fce0e0; /* لون خلفية أفتح */
    padding: 20px; /* مساحة داخلية أكبر */
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    text-align: center; /* توسيط النص */
    font-size: 16px; /* حجم خط أكبر */
    color: #333; /* لون نص أغمق */
}

#ignielAdBlock button {
    background-color: #4CAF50; /* لون زر أخضر */
    color: white;
    padding: 10px 20px;
    border: none;
    cursor: pointer;
    border-radius: 5px; /* حواف دائرية */
}

#ignielAdBlock button:hover {
    background-color: #367c39; /* لون أغمق عند التحويم */
}

شرح الكود:

• #ignielAdBlock: هذا هو معرف (ID) العنصر الذي سيحتوي على الرسالة.
• background: يحدد لون خلفية الرسالة.
• padding: يحدد المسافة الداخلية بين النص والإطار.
• position: fixed: يجعل الرسالة ثابتة في الجزء السفلي من الشاشة.
• width: 100%: يجعل عرض الرسالة يمتد على كامل عرض الشاشة.
• text-align: center: يوسط النص داخل الرسالة.
• font-size: يحدد حجم الخط.
• color: يحدد لون النص.
• button: يحدد تصميم الزر الذي يمكن استخدامه لإغلاق الرسالة أو تعطيل أداة حظر الإعلانات.

تخصيص الكود: يمكنك تعديل قيم الألوان والخطوط لتتناسب مع تصميم مدونتك.

الخطوة 4: إضافة كود JavaScript

1. ابحث عن الوسم </head> في صفحة تعديل HTML.
2. انسخ الكود التالي والصقه مباشرة قبل الوسم </head>:

<script>
(function() {
    var adBlockDetected = false;
    
    // فحص وجود adBlock
    if (typeof adsbygoogle == 'undefined') {
        adBlockDetected = true;
    }

    if (adBlockDetected) {
        var adBlockMessage = document.createElement('div');
        adBlockMessage.id = 'adBlockMessage';
        adBlockMessage.style.cssText = `
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            background-color: #f44336;
            color: white;
            text-align: center;
            padding: 10px;
            z-index: 1000;
        `;
        adBlockMessage.innerHTML = `يبدو أنك تستخدم مانع الإعلانات. لدعم موقعنا، يرجى تعطيل مانع الإعلانات.`;
        document.body.appendChild(adBlockMessage);
    }
})();
</script>

شرح الكود:

• adBlockDetected: متغير لتحديد ما إذا تم الكشف عن أداة حظر الإعلانات.
• typeof adsbygoogle == 'undefined': يتحقق مما إذا كانت مكتبة إعلانات جوجل (adsbygoogle) غير معرفة، وهو ما يشير عادةً إلى وجود أداة حظر الإعلانات.
• adBlockMessage: عنصر HTML (div) يتم إنشاؤه لعرض الرسالة.
• style.cssText: يحدد تنسيق الرسالة باستخدام CSS المضمن.
• innerHTML: يحدد النص الذي سيظهر في الرسالة.
• document.body.appendChild(adBlockMessage): يضيف الرسالة إلى نهاية عنصر body في الصفحة.

تخصيص الكود: يمكنك تعديل النص الذي يظهر في الرسالة ليناسب أسلوب مدونتك.

الخطوة 5: حفظ التغييرات

1. بعد إضافة الأكواد، انقر على زر "حفظ القالب" (Save Theme) في الزاوية العلوية اليمنى من الصفحة.

الخطوة 6: التحقق من النتيجة

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

تخصيص وتعديل السكربت

• تخصيص الرسالة: يمكنك تعديل النص الذي يظهر في الرسالة لتجعله أكثر جاذبية وودية. حاول استخدام لغة مهذبة ومحترمة لشرح أهمية دعم المدونة.
• إضافة زر الإغلاق: يمكنك إضافة زر إغلاق للرسالة لتمكين الزوار من إخفائها إذا كانوا لا يرغبون في تعطيل أداة حظر الإعلانات. يمكنك القيام بذلك عن طريق إضافة كود HTML للزر وكود JavaScript للتعامل مع الحدث عند النقر عليه.
• تغيير تصميم الرسالة: يمكنك تغيير تصميم الرسالة لتتناسب مع تصميم مدونتك عن طريق تعديل قيم CSS في الكود.

ملاحظات هامة ونصائح إضافية

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

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

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