Типи інтеграцій
      Повернутися на домашню сторінку
      1. База знань MGID
      2. Вебмайстри
      3. Типи інтеграцій

      Встановлення коду віджета MGID на платформі Blogger

      Вступ 

      Код віджета MGID (Простий JS) — це код установки MGID на рівні вебсайту, який використовують паблішери для інтеграції віджетів на вебсайт. На відміну від стандартного коду установки, тег Простого JS призначений для легкості та ефективності. Він забезпечує мінімальний вплив на продуктивність сайту та уникне додаткових кроків з боку паблішера.

      Код встановлення віджета містить дві частини:

      1. Скрипт Head: Це MGID попередній завантажувач, який повинен бути поміщений всередині розділу <HEAD> вебсайту.

      Приклад скрипту:

      <script src="https://jsc.mgid.com/site/123456.js" async></script>

      2. Контейнер тіла: Це елемент div, в якому віджет MGID має бути відображений всередині запису в блозі.

      Приклад скрипту:

      <!-- place in the body --> 
      <div data-type="_mgwidget" data-widget-id="1464221"></div> 
      <script>
      (function(w,q){w[q]=w[q]||[];w[q].push(["_mgc.load"])})(window,"_mgq");
      </script>

      Як інтегрувати код віджета MGID (Простий JS) на платформі Blogger 

      Варіант 1 - Використання конструктора макетів

      1. Увійдіть в Blogger і клацніть стрілку у верхньому лівому куті екрану. У випадаючому списку виберіть блог, на якому ви хочете відображати рекламу.

      Bloger_add_1

      2. У панелі Меню виберіть Макет, виберіть область, де ви хочете розмістити рекламу, і клацніть Додати гаджет.

      Bloger_add_2

      3. Клацніть секцію HTML/Javascript у виринаючому вікні. Важливо: на цьому етапі не вводьте заголовок.

      Bloger_add_3

      4. Створіть свій перший гаджет для головного скрипту. Вставте Головний скрипт у розділ Контент. Перемістіть гаджет у розділ Заголовок.

      Bloger_1

      GIF 1.

      Gif_1_blogger_HEAD_part

      5. Повторіть попередні кроки, щоб створити другий гаджет для контейнера тіла.
      6. Перемістіть гаджет Тіла до потрібного місця розміщення (наприклад, під записами блогу). Клацніть Зберегти та перевірте ваш блог.

      Bloger_2

      GIF 2.

      Gif_2_blogger_BODY_part

      Ви можете переміщати або зміщувати картки залежно від типу коду реклами та ваших вподобань.

      Варіант 2 - Використання HTML-редактора 

      1. Відкрийте панель адміністратора Blogger. 
      2. У панелі Меню виберіть Тема. 
      3. Виберіть тему, клацніть на іконці більше стрілки і виберіть Редагувати HTML для перегляду коду шаблону вебсайту.

      Bloger_3

      GIF 3.

      Gif_3_blogger

      4. Додайте Головний скрипт всередині шаблону сторінки.

      Відкрийте пошукову стрічку на сторінці (використовуйте Ctrl + F на Windows або Command + F на macOS). Введіть текст <HEAD> і знайдіть потрібний елемент. Під потрібним елементом додайте скрипт.

      GIF 4.

      Gif_4_blogger

      Bloger_4

      5. Додайте скрипт контейнер тіла всередині шаблону сторінки.

      Визначте місце, де віджет має бути видимий. Найпростіший спосіб — використовувати інструмент інспектора браузера і знайти назву елемента, де має бути видимий віджет MGID. Наприклад, ми розмістимо віджет після статті і секції post-outer.

      Bloger_5

      Знайдіть елемент в HTML-редакторі, вставте контейнер тіла в потрібне місце перед або після обраного елемента.

      Bloger_6

      Клацніть Зберегти в HTML-редакторі. Віджет MGID повинен почати відображатись миттєво.

      Bloger_7

      Gif_5_blogger

      У деяких випадках необхідно очистити кеш у вашому браузері, щоб віджети з'явилися.

      Bloger_8