Скачать google adsense - Загрузка исходного кода google adsense

google adsense

Другой исходный код

v3.0.0

Скачать

Примечание. Эта ветвь предназначена для Nuxt 3 Compatible Module. Оформление заказа 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' ,
    } ,
  } ,
}

Асинхронный AD -код ( //pagead2.googlesyndication.com/pagead/js/adsbygoogle.js ) автоматически добавляется в раздел <head> ваших страниц.

Параметры конфигурации

Вариант	тип	описание
`id`	Нить	Ваш идентификатор клиента Google Adsense Publisher (то есть `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` также будет принят во внимание. По умолчанию `false` .
`onPageLoad`	Логический	Загружает сценарий AdSense после загрузки страницы. По умолчанию `false` .
`overlayBottom`	Логический	Включить Adsense Anchor Ads показать внизу. По умолчанию `false` . Для получения подробной информации обратитесь к документам AdSense.
`pageLevelAds`	Логический	Включить рекламу AdSense Page Ads. По умолчанию `false` . Для получения подробной информации обратитесь к документам AdSense.
`pauseOnLoad`	Логический	Приостанавливает запросы на рекламу, чтобы получить согласие пользователя на использование файлов cookie или другого локального хранилища в соответствии с GDPR. Для получения подробной информации обратитесь к документам AdSense. `false` .
`tag`	Нить	Adsense компонента Имя тега. По умолчанию в `adsbygoogle` .
`test`	Логический	Подключите AdSense в тестовый режим (см. Ниже).

Тестовый режим

Модуль AdSense автоматически переключается в режим test при запуске Nuxt в режиме dev . Но вы можете сохранить тестовый режим в производстве, установив test опции конфигурации на true .

Тестовый режим использует тестовый идентификатор издателя, так что вы не будете нарушать AdSense TOS.

Обратите внимание, что тестовые рекламные объявления обычно появляются в виде пустого пространства, но будут иметь правильные размеры (т.е. будет занимать правильное пространство, необходимое для отображаемой рекламы).

Использование

Вставьте компонент <Adsbygoogle /> , где бы вы хотели разместить рекламу.

Вы должны разместить компонент <Adsbygoogle /> в элемент контейнера, который имеет указанную (min /max) ширину и (min /max) высота (которая может быть основана на медиа -запросах), или использовать стиль или классы на <Adsbygoogle /> Компонент для ограничения рекламы определенным размером (или размерами).

Используйте свойство ad-slot , чтобы указать значение AD AdSense AdSense (указанное как строка).

Пожалуйста, обратитесь к документации AdSense для получения дополнительной информации. Google Adsense Documentation

Компонентный реквизит:

проп	тип	описание
`ad-slot`	Нить	Google Adsense Adlot. Эта опора требуется, если не в тестовом режиме . Обратитесь к своей учетной записи AdSense для значений AD-SLOT.
`ad-format`	Нить	Необязательный. Обратитесь к документам AdSense для других вариантов
`ad-style`	Объект	Стили, чтобы применить к элементу рендеринга `<ins>` . По умолчанию: `{ display: 'block' }` . Обратитесь к связывающим документам в стиле Vuejs для формата объекта.
`ad-layout`	Нить	Необязательный. Обратитесь к документам AdSense
`ad-layout-key`	Нить	Необязательный. Обратитесь к документам AdSense
`hide-unfilled`	Логический	Необязательный. Скрывает незаполненную рекламу, если это правда.
`page-url`	Нить	Необязательный. Установите URL -адрес справочной страницы (аналогичного контента), если объявление находится на странице, которая требует аутентификации. При установке эта опора должна быть полностью квалифицированным URL (включая протокол и имя хоста).
`include-query`	Логический	Переопределить глобальный вариант `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 Team (с помощью Google Adsense) для обработки обновления рекламы в прогрессивных веб -приложениях:

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

Каждый раз, когда запрашивается новая реклама, ADSense Параметр- data-ad-region обновляется до случайного значения. По этой причине вы не можете установить атрибут data-ad-region на компоненте <Adsbygoogle /> .