جوجل ادسنس عرض مكون مع دعم الإعلانات

Vue.js Google Adsense Component with InFeed and InArticle Ads support

Skeleton generated with Vue-CLI using template vuejs-template-plugin

على الأقل هناك ثلاثة (3) إعلانات في جوجل Adsense

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

في إعلانات المقالة: الإعلانات التي تتلاءم بسلاسة بين فقرات صفحاتك للحصول على تجربة قراءة محسّنة.

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

كيف تستعمل

تركيب

تحتاج تبعيات view-script2 ، تحتاج إلى تثبيت

import Ads from 'vue-google-adsense'

Vue.use(require('vue-script2'))

Vue.use(Ads.Adsense)
Vue.use(Ads.InArticleAdsense)
Vue.use(Ads.InFeedAdsense)

قالب

ViewAdsense

<Adsense

    data-ad-client="ca-pub-XXXXXXXXXXXXXXXX"

    data-ad-slot="1234567890">

</Adsense>

قالب

ViewAdsense

<InFeedAdsense

    data-ad-layout-key="-fg+5n+6t-e7+r"

    data-ad-client="ca-pub-XXXXXXXXXXXXXXXX"

    data-ad-slot="1234567890">

</InFeedAdsense>

                          Development   manal