Встановлення коду віджету MGID на Wix.com

Вступ

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

Код установки віджету складається з двох частин:

Скрипт в заголовку: Це попередній завантажувач MGID, який слід помістити в секцію <HEAD> сайту.
Контейнер в тілі: Це елемент div, в якому віджет MGID повинен бути відображений у блозі.

Вам потрібно створити бажані рекламні одиниці (віджети) в панелі управління та отримати коди віджетів.

Як інтегрувати код віджета MGID (Simple JS) на Wix.com

Є два надійні варіанти для встановлення віджетів, але вони мають деякі обмеження. Через обмеження движка будь-яка реклама, яку ми можемо розмістити на сайтах Wix, буде відображатися в iframe. Це означає, що панель інструментів має обмежену статистику та немає функції нескінченного прокручування для першого варіанту.

Варіант 1 - Додавання секції з користувацьким кодом

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

Хоча SimpleJS використовує код у <head> і <body>, Wix вимагає іншого підходу. Розглянемо, як досягти того ж результату на Wix.

Дотримуйтесь цих кроків:

Перейдіть до панелі інструментів вашого вебсайту Wix, виберіть "Сайти" і натисніть кнопку "Редагувати сайт".

2. Виберіть тип сторінки, на якій ви хочете розмістити рекламу. Дії можуть трохи відрізнятися залежно від типу вашого сайту та обраної теми, але метод залишається тим самим. У нашому випадку ми виберемо "Пост", оскільки маємо тип вебсайту "Блог".

3. Давайте розмістимо підстаттю. Прокрутіть до кінця статті, до блоку останніх постів та коментарів, і натисніть "Додати секцію".

4. Тут ви можете вибрати будь-який тип секції; у нашому випадку ми виберемо "Порожню".

5. Розмістіть рекламну одиницю в секції:

Натисніть на секцію один раз, потім натисніть кнопку (+) у верхньому лівому куті, щоб додати елемент "Вставити HTML" до новоствореної секції.

Скопіюйте частини коду Head і Body з вашої панелі MGID у текстовий файл або будь-який додаток для нотаток.

Вставте весь код у текстове поле коду та натисніть "оновити".

Змініть розмір блоку та секції, щоб рекламна одиниця добре вписувалася.

Тепер переконаємося, що одиниця видима в будь-якій темі.

6. Додайте яскравий фон до секції або білий фон до нашої рекламної одиниці.

Додавання яскравого кольору до фону секції: натисніть на секцію, виберіть "Змінити фон" і виберіть білий колір.

Додавання білого кольору до фону рекламної одиниці в коді віджета: редагуйте HTML-код і додайте наступний скрипт:

style="background-color:white;"

Натисніть "Оновити" після додавання скрипта.

Цей варіант встановлення має свої обмеження і ні в якому разі не є ідеальним. Наприклад, ви не можете розміщувати нічого всередині контенту або будь-якого блоку.

Давайте подивимось, чи буде другий варіант кращим вибором. Зверніть увагу, що ви можете використовувати обидва варіанти одночасно.

Варіант 2 - Користувальницький код всередині контенту

Ми можемо вбудувати HTML-фрейм всередині контенту в будь-якому місці на сторінці, але це потрібно робити вручну для кожної нової статті або публікації.
Слідуйте цим крокам:

Перейдіть на панель управління вашого сайту Wix і виберіть редагування будь-якої з ваших публікацій або статей.

2. Клацніть на будь-яку частину контенту, де ви хочете розмістити рекламний блок. Клацніть на |+|, який з'являється зліва від контенту, і виберіть HTML-код.

3. Натисніть "Редагувати HTML", скопіюйте та вставте обидві частини коду рекламного блоку у відкритому текстовому полі, і змініть розмір поля відповідно до ваших уподобань. Пам'ятайте, що наші рекламні блоки є адаптивними і можуть змінюватися в залежності від розміру фрейму.

4. Тепер додайте наступний рядок коду відразу після частини <div.

 <div style="background-color:white;"

Це забезпечує, щоб фон рекламного блоку залишався білим, а всі текстові елементи були видимі.