Як розмістити код оголошення In-Feed на своїй сторінці

Створивши оголошення In-Feed, потрібно вставити його код в HTML-код стрічки.

Примітка. Якщо розмістити код оголошення In-Feed не в HTML-коді стрічки, це може призвести до зниження ефективності оголошення та порушення вами правил AdSense.

Де розмістити код оголошення In-Feed

Вставте код оголошення In-Feed між блоками контенту стрічки або на її початку чи в кінці. Це можна зробити, внісши зміни безпосередньо в HTML-код стрічки або, якщо ви користуєтеся системою керування контентом, вставивши код за допомогою плагіна.

Нижче показано приклад оголошення In-Feed.

Блок контенту 1
Блок контенту 2
Нативне оголошення In-Feed
Блок контенту 3
Блок контенту 4

Щоб показувати у стрічці більше реклами, створіть кілька оголошень In-Feed або розмістіть у стрічці той самий код оголошення In-Feed кілька разів.

Як розмістити оголошення In-Feed

Зазвичай для системи керування контентом потрібно мати: 1) базу даних, що містить ваш контент, і 2) фрагмент коду, який циклічно запускає цей контент і створює для вас стрічку. Цей код розміщується у файлі шаблону, який зберігається в папці шаблону в системі керування контентом (іноді її називають "тематична папка").

Як змінити код у файлі шаблону

Щоб розмістити оголошення In-Feed, змініть код у файлі шаблону, як описано нижче.

1. Відкрийте файл шаблону сторінки, на якій розміщено стрічку.
2. Знайдіть цикл, що формує вашу стрічку (підказка: код циклу зазвичай містить команду "while" або "for each".)
3. Змініть цей код циклу, щоб вставити оголошення In-Feed у свою стрічку (вказівки наведено нижче).
   • Якщо у вашому циклі немає лічильника, додайте його – він визначатиме частоту показу оголошення In-Feed.
   • Додайте в цикл вираз з оператором "if" – ваше оголошення In-Feed буде показуватися з частотою, визначеною лічильником.

Докладніші вказівки щодо системи керування контентом можна знайти в Google.

Нижче пропонуємо приклад коду. Ваш код матиме схожу структуру, але залежно від мови програмування, якою ви користуєтеся, він може мати дещо інший вигляд.

Posts[] posts;
Var count=1; // Якщо ваш код не містить лічильника, вставте його
While (count < posts.length) // Збільшуйте значення count по 1, доки не досягнете останньої публікації в базі даних
{

   If (count%3=0) // Якщо значення count дорівнює 3, 6 або 9, вставте оголошення
   {
   <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous">
   </script>
   <ins class="adsbygoogle" style="display:block"
   data-ad-format="fluid"
   data-ad-client="ca-pub-1234567890123456"
   data-ad-slot="1234567890"></ins>
   <script>
   (adsbygoogle = window.adsbygoogle || []).push({});
   </script>
   }

   <h3>{{ post.title }}</h3> // Вставте заголовок блоку контенту для всіх значень count
   <p>{{ post.body }}<p> // Вставте тіло блоку контенту
   <img src="{{ post.thumbnail}}"> // Вставте зображення блоку контенту

}

Важливо

Переконайтеся, що ви розміщуєте код оголошення в батьківському контейнері (<div>, <iframe> тощо), який має:

• дійсну ширину: якщо розмістити код оголошення в батьківському контейнері, для якого не вказано чітку ширину (наприклад, у плаваючому елементі), оголошення не показуватимуться, оскільки ширина батьківського контейнера використовується для обчислення ширини оголошень (пам’ятайте, що мінімальна ширина оголошень In-Feed становить 250 пікселів);
• змінну висоту: якщо розмістити код оголошення в батьківському контейнері з фіксованою висотою, оголошення можуть неправильно відображатися.