تنزيل google adsense - تنزيل رمز مصدر google adsense

google adsense

شفرة المصدر الأخرى

v3.0.0

تنزيل

ملاحظة: هذا الفرع هو لوحدة التوافق Nuxt 3 . Checkout legacy-v2 فرع لدعم Nuxt 2 .

Google AdSense

تكامل Google AdSense لـ NUXT.JS. سيتم تحديث الإعلانات عندما يتغير مسار الصفحة

يثبت

إضافة @nuxtjs/google-adsense التبعية باستخدام الغزل أو npm إلى مشروعك
إضافة @nuxtjs/google-adsense إلى قسم modules في nuxt.config.js

 {
  modules : [
    // Simple usage
    [ '@nuxtjs/google-adsense' , {
      id : 'ca-pub-###########'
    } ]
 ]
}

باستخدام خيارات المستوى الأعلى:

 {
  modules : [
    [ '@nuxtjs/google-adsense' ]
  ] ,

 googleAdsense : {
    id : 'ca-pub-#########'
  }
}

باستخدام تكوين وقت التشغيل:

 {
  modules : [
    [ '@nuxtjs/google-adsense' ]
  ] ,

  googleAdsense : {
    onPageLoad : false ,
    pageLevelAds : false ,
  } ,

  publicRuntimeConfig : {
    googleAdsense : {
      id : process . env . GOOGLE_ADSENSE_ID ,
      test : process . env . GOOGLE_ADSENSE_TEST_MODE === 'true' ,
    } ,
  } ,
}

يتم إضافة رمز الإعلان غير المتزامن ( //pagead2.googlesyndication.com/pagead/js/adsbygoogle.js ) تلقائيًا إلى قسم <head> من صفحاتك.

خيارات التكوين

خيار	يكتب	وصف
`id`	خيط	معرف عميل Publisher الخاص بـ Google AdSense (أي `ca-pub-#########` ). مطلوب عندما لا في وضع الاختبار.
`adFormat`	خيط	يحدد تنسيق إعلان عالمي افتراضي. يمكن تجاوزها مع الدعائم المكونة.
`analyticsDomainName`	خيط	مجال حساب Google Analytics (إذا ربط التحليلات مع AdSense ، أي `example.com` ).
`analyticsUacct`	خيط	معرف حساب Google Analytics (إذا ربط التحليلات باستخدام AdSense ، أي `UA-#######-#` ).
`hideFilled`	منطقية	عندما لا يتم إخفاء الإعلانات `false` ، عندما يتم إخفاء الإعلانات `true` غير المعبأة. الافتراضي `false` .
`includeQuery`	منطقية	عندما `false` ، يتم فحص `$route.path` فقط للتغييرات. إذا `true` ضبطه على `$route.query` فسيتم أخذ keery في الاعتبار. الافتراضي `false` .
`onPageLoad`	منطقية	يقوم بتحميل البرنامج النصي AdSense بعد تحميل الصفحة. الافتراضي `false` .
`overlayBottom`	منطقية	تمكين إعلانات مرساة AdSense لإظهار في الأسفل. الافتراضي `false` . الرجوع إلى مستندات AdSense للحصول على التفاصيل.
`pageLevelAds`	منطقية	تمكين إعلانات مستوى صفحة AdSense. الافتراضي `false` . الرجوع إلى مستندات AdSense للحصول على التفاصيل.
`pauseOnLoad`	منطقية	تفضي إلى طلبات الإعلانات للحصول على موافقة المستخدم على استخدام ملفات تعريف الارتباط أو التخزين المحلي الأخرى وفقًا للناتج المحلي الإجمالي. الرجوع إلى مستندات AdSense للحصول على التفاصيل. `false` .
`tag`	خيط	اسم علامة مكون AdSense. الإعدادات الافتراضية إلى `adsbygoogle` .
`test`	منطقية	إجبار Adsense في وضع الاختبار (انظر أدناه).

وضع الاختبار

سيتم تبديل وحدة AdSense تلقائيًا إلى وضع test عند تشغيل NUXT في وضع dev . ولكن يمكنك الاحتفاظ بوضع الاختبار في الإنتاج عن طريق تعيين test خيار التكوين إلى true .

يستخدم وضع الاختبار معرف ناشر الاختبار ، حتى لا تنتهك TOS AdSense.

لاحظ أن إعلانات الاختبار ستظهر عادةً كمساحة فارغة ، ولكن سيكون لها الأبعاد الصحيحة (أي سيحتل المساحة الصحيحة التي يحتاجها الإعلان المقدم).

الاستخدام

أدخل مكون <Adsbygoogle /> أينما كنت ترغب في وضع إعلان.

يجب عليك وضع مكون <Adsbygoogle /> داخل عنصر حاوية يحتوي على عرض محدد (min /max) و (min /max) ارتفاع (والذي يمكن أن يعتمد على استعلامات الوسائط) ، أو استخدام الأسلوب أو الفئات على <Adsbygoogle /> مكون لتقييد الإعلان بحجم معين (أو أحجام).

استخدم خاصية ad-slot لتحديد قيمة فتحة إعلان Google AdSense (المحددة كسلسلة).

يرجى الرجوع إلى وثائق AdSense لمزيد من المعلومات. توثيق Google AdSense

الدعائم المكونة:

دعم	يكتب	وصف
`ad-slot`	خيط	Google AdSense Adslot. هذا الدعامة مطلوب عندما لا يكون في وضع الاختبار . ارجع إلى حساب adsense الخاص بك لقيم الفتحة الإعلانية.
`ad-format`	خيط	خياري. الرجوع إلى مستندات AdSense للخيارات الأخرى
`ad-style`	هدف	أنماط لتطبيقها على عنصر `<ins>` المقدم. الافتراضي: `{ display: 'block' }` . ارجع إلى مستندات ربط نمط Vuejs لتنسيق الكائن.
`ad-layout`	خيط	خياري. الرجوع إلى مستندات AdSense
`ad-layout-key`	خيط	خياري. الرجوع إلى مستندات AdSense
`hide-unfilled`	منطقية	خياري. يخفي الإعلانات غير المملوءة إذا كان ذلك صحيحًا.
`page-url`	خيط	خياري. قم بتعيين عنوان URL للصفحة المرجعية (من محتوى مماثل) إذا كان الإعلان على صفحة تتطلب المصادقة. عند التعيين ، يجب أن يكون هذا الدعامة عنوان URL المؤهل بالكامل (بما في ذلك البروتوكول واسم المضيف).
`include-query`	منطقية	Outdride Global Option `includeQuery` على أساس كل إعلان. تأكد من أن جميع الإعلانات على الصفحة لها نفس الإعداد.
`analytics-uacct`	خيط	معرف حساب Google Analytics (إذا ربط التحليلات باستخدام AdSense ، أي `UA-#######-#` ). الإعدادات الافتراضية للقيمة المحددة في `analyticsUacct` خيار البرنامج المساعد.
`analytics-domain-name`	خيط	مجال حساب Google Analytics (إذا ربط التحليلات مع AdSense ، أي `example.com` ). الإعدادات الافتراضية للقيمة المحددة في البرنامج المساعد `analyticsDomainName` .

التحديث التلقائي للإعلانات

كلما تغير مسارك أو اختياريًا في حالة تغيير معلمات استعلام المسار ، سيتم تحديث أي إعلانات معروضة ، تمامًا كما تفعل في تحميلات الصفحة العادية.

تحذيرات:

تحذير: قد يؤدي إعادة تحميل الإعلانات بشكل تعسفي (مع الحد الأدنى من تغييرات محتوى الصفحة) إلى تعليق حساب AdSense الخاص بك. الرجوع إلى AdSense لشروط الاستخدام الكاملة.
تحتاج Google إلى زحف كل صفحة تظهر فيها الإعلانات. تأكد من أن موقعك SSR يجعل أي صفحة تظهر فيها الإعلانات. لن يتم عرض الإعلانات على الصفحات غير القابلة للتجول.
عند وضع الإعلانات على الصفحات التي تتطلب المصادقة ، قم بتعيين page-url على مكون <Adsbygoogle /> على عنوان URL الخاص بالصفحة على موقعك يمكن الوصول إليه بشكل عام ، والذي سيكون له محتوى مماثل /ذي صلة.

خلفية

تستخدم هذه الوحدة تقنية تم تطويرها بواسطة فريق Angular (بمساعدة من Google AdSense) للتعامل مع تحديث الإعلانات على تطبيقات الويب التدريجية:

https://github.com/leonardteo/google-ads-test-angularjs
https://groups.google.com/forum/# !topic/angular/eyvo4xu04uk

في كل مرة يتم فيها طلب إعلان جديد ، يتم تحديث منطقة ADSense Parameter data-ad-region إلى قيمة عشوائية. لهذا السبب ، لا يمكنك تعيين سمة data-ad-region على مكون <Adsbygoogle /> .