Як зробити мультилендинг, якщо ви не програміст

7

Про що мова

У салонах краси пропонують таку послугу – кератинове випрямлення волосся. Нам зараз неважливо, що це таке. Головне, що та ж сама процедура називається ще і бразильським випрямленням волосся, і биовыпрямлением волосся, і бразильським кератиновым випрямленням, і кератиновым биовыпрямлением, і т. д.

А тепер припустимо, що ми створюємо лендінгем, присвячений цій послузі. Який заголовок виберемо? Назвемо послугу кератиновым випрямленням, втратимо любительок бразильського і биовыпрямления. Перерахуємо всі назви через кому – будемо виглядати нерозумно.

Такі проблеми у сфері послуг зустрічаються часто-густо.

Як зробити мультилендинг, якщо ви не програміст

Ідея динамічного контенту в тому, щоб заголовок і інші елементи на сторінці повністю відповідали тому, що ми обіцяємо в оголошенні. Якщо ми говоримо «допоможемо продати дачу», то і в заголовку лендинга буде та ж фраза.

Як зробити мультилендинг, якщо ви не програміст

Є три способи створити динамічний контент:

  • мультилендинг – для кожного оголошення рекламної кампанії створюється окрема сторінка з потрібним заголовком;
  • скрипт – сторінка залишається тією ж самою, але контент на ній змінюється для кожного користувача;
  • сервіси – результат той же, що і в попередньому пункті, але вам не доведеться самостійно писати і впроваджувати скрипт: сервіс зробить це за вас.

Читайте також: E-book: «Створення лендинга від А до Я. Докладне керівництво з прикладами»

Мультилендинг

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

В CMS WordPress скопіювати сторінку можна в один клік за допомогою плагіна Duplicate Post.

Як зробити мультилендинг, якщо ви не програміст
Як зробити мультилендинг, якщо ви не програміст

Функція дублювання є і у візуальному конструкторі Adobe Muse. Вам потрібно тільки один раз створити сторінку, після чого її можна буде необмежено дублювати.

Як зробити мультилендинг, якщо ви не програміст

Зверніть увагу: кілька однакових сторінок, у яких відрізняється тільки заголовок, вважаються пошукачами дубльованим контентом. Тому, якщо ви хочете, щоб ваш лендінгем просувався в пошукових системах, не забудьте видалити неунікальні сторінки, або прописати у них атрибут rel=»canonical», або поставити заборону на індексування (залежно від випадку).

Читайте також: Як створити сайт на WordPress: повне керівництво для новачків

Скрипти

Початковий рівень

Примітка. Цей і наступний метод не працюють на WordPress. Зате вони відмінно працюють, якщо у вас є звичайна папка з HTML-сайтом і доступ до її редагування.

Найпростіший спосіб створити динамічний заголовок – це скористатися безкоштовним інструментом Google Tag Manager. З ним нам не доведеться (майже) лізти в код сайту і кликати на допомогу програміста.

Зайдіть під своїм логіном в «Google Менеджер тегів» і натисніть «Створити новий обліковий запис».

1. На першому етапі нам потрібно придумати назву для запису та вирішити, чи ми будемо ділитися з Google інформацією. Вводимо дані і натискаємо «Далі».

Як зробити мультилендинг, якщо ви не програміст

2. Далі присвоюємо змінній назва: адреса нашого сайту. Вибираємо місце розміщення – веб-сайт і натискаємо «Створити».

Як зробити мультилендинг, якщо ви не програміст

3. Приймаємо умови угоди і йдемо далі.

4. На цьому кроці нам покажуть код, який потрібно вставити на сайт. Залиште цю вкладку відкритою. Якщо ви випадково її закриєте, поверніться на основну сторінку Google Tag Manager, знайдіть свій контейнер і натисніть на шестірню. У меню, виберіть пункт «Встановити Диспетчер тегів Google».

Як зробити мультилендинг, якщо ви не програміст

5. Ось тут нам доведеться трохи підкоригувати код сайту. Спокійно, тут складно щось зіпсувати. Відкрийте файл, головної сторінки свого сайту (швидше за все, він називається index з різними розширеннями). У коді сторінки відшукайте відкриваючий тег . Відразу після нього вставити скопійований фрагмент.

Як зробити мультилендинг, якщо ви не програміст

6. Поверніться на вкладку диспетчера тегів і скопіюйте Фрагмент 2. А у файлі відшукайте відкриваючий тег . Відразу після нього вставити скопійований фрагмент.

Як зробити мультилендинг, якщо ви не програміст

7. Всі. На цьому робота з кодом закінчена. Повертаємося в «Менеджер тегів». Відкриваємо розділ «Робоча область», вибираємо в меню зліва пункт «Тригери» і створюємо новий.

Як зробити мультилендинг, якщо ви не програміст

8. Дайте якесь назва тригера і клацніть в будь-якому місці вікна «Настройка тригера».

Як зробити мультилендинг, якщо ви не програміст

9. Вибираємо тип тригера – «Перегляд сторінки».

Як зробити мультилендинг, якщо ви не програміст

10. Налаштовуємо тригер:

  • Деякі перегляди.
  • Page URL.
  • Містить.
  • В останньому полі введіть якусь зрозумілу вам англомовну мітку. Вона буде використовуватися в посиланні на сторінку. Наприклад «dynamic_header».

Натисніть «Зберегти».

Як зробити мультилендинг, якщо ви не програміст

11. Повертаємося в робочу область, переходимо в розділ «Теги» і натискаємо «Створити».

Як зробити мультилендинг, якщо ви не програміст

12. Дайте якесь ім’я свого тегу і відкрийте вікно «Тригери».

Як зробити мультилендинг, якщо ви не програміст

13. Виберіть тригер, який ми створили на минулому етапі.

Як зробити мультилендинг, якщо ви не програміст

14. Клацаємо віконце «Конфігурація тега».

Як зробити мультилендинг, якщо ви не програміст

15. Вибираємо тип тега – «HTML».

Як зробити мультилендинг, якщо ви не програміст

16. Вставляємо в віконце скрипт $(‘h1’).text(‘Наш заголовок’);

«Наш заголовок» поміняйте на потрібний текст і натисніть «Зберегти».

Як зробити мультилендинг, якщо ви не програміст

17. Натисніть «Відправити».

Як зробити мультилендинг, якщо ви не програміст

18. Придумайте назву і опис версії, натисніть «Опублікувати».

Як зробити мультилендинг, якщо ви не програміст

Всі. Ми закінчили. Тепер, щоб запустити роботу скрипта, нам потрібно додати посилання на сторінку мітку, яку ви вказали при створенні тригера: http://мой.сайт/?peremennaya . Мітку можна використовувати спільно з utm-мітками, наприклад, у мітці utm_term або utm_content. Виглядати це буде так: http://мой сайт/?utm_source=demo&utm_medium=demo&utm_term=peremennaya&utm_campaign=demo

Читайте також: Як використовувати Google Tag Manager: докладне керівництво для новачків

Ускладнений варіант

В ускладненому варіанті нам доведеться ще трохи підредагувати код сайту. Цей параметр потрібен, якщо у вас на сторінці кілька заголовків H1 або ви хочете поміняти не тільки заголовок, але і текст, кнопку або картинку.

Знайдіть в коді потрібний елемент і додайте до нього тег

(слово identifier можна замінити на іншу зрозумілу вам мітку).

Наприклад, нам потрібно замінити абзац тексту. Знаходимо його в коді:

Сертифікована оцінка, пошук покупців, терміновий викуп

і додаємо атрибут. Вийде:

Сертифікована оцінка, пошук покупців, терміновий викуп

.

Тепер ми повернемося в Google Tag Manager. При створенні тега (пункт 16 із попереднього списку) вставимо такий скрипт:


document.getElementById(‘identifier’).innerHTML=’Інший текст абзацу’;

Готове. Тепер текст буде змінюватися.

Просунутий варіант

Примітка. Метод підходить для WordPress

Примітка 2. Я пам’ятаю, що обіцяла писати не для програмістів. Але на жаль, безкоштовно на WordPress динамічний заголовок можна створити тільки так.

Відкрийте редактор коду і в потрібне місце вставте код з таблиці. Сам код нескладний, головна проблема в тому, щоб знайти це саме потрібне місце. А це сильно залежить від того, який шаблон ви використовуєте. На жаль, якщо вставити код не туди, то ваш сайт може перестати працювати. Мені не вдалося знайти плагін, який дійсно добре справлявся б з цим завданням, а тому можу порадити тільки знайти програміста, дати йому цей скрипт і попросити вставити на ваш сайт.

<?php
$vstr = $_GET[‘utm_content’];
if($vstr == ‘nz1’) {$v_text = ‘новий заголовок 1’;}
elseif($vstr == ‘nz2’) {$v_text = ‘новий заголовок 2’;}
elseif($vstr == ‘nz3’) {$v_text = ‘новий заголовок 3’;}
else{$v_text = ‘заголовок за замовчуванням’;}
?>

Щоб створити більше заголовків, скопіюйте п’ятий рядок і вставити її перед шостою потрібну кількість разів. Зверніть увагу, що nz1, nz2 тощо – це мітки. Вони повинні бути унікальними для кожного заголовка. Ці мітки пізніше ми будемо вставляти в URL.

У рядок 6 вставити заголовок, який буде використовуватися за замовчуванням, якщо на сайт переходять безпосередньо.

На місці заголовка сторінки вставляється код:

.

Справа за малим. Нам залишилося лише скомпонувати URL c utm-мітками. Мітки, які ми прописали в скрипті, будемо додавати до розділу utm_content. Посилання буде виглядати так:

http://мойсайт.ру?utm_medium=demo&utm_source=demo&utm_campaign=demo&utm_content=nz1&utm_dh=demo

Якщо ви не використовуєте utm, то адреса сторінки може мати наступний вигляд:

http://мойсайт.ру/лендинг/?perem=nz1

У цьому випадку поміняйте змінну ‘utm_content’ у другому рядку коду на будь-яке слово латиницею (у нашому випадку це буде perem).

Сервіси

Якщо вам все ще сумно після прочитання попереднього методу, можете скористатися сервісами. Це дорого, але дуже просто.

1. Yagla

Як зробити мультилендинг, якщо ви не програміст

Yagla – це сервіс створення адаптованого контенту. Підтримує завантаження оголошень з будь-яких джерел. Має генератор підмін, що дозволяє замінювати на цільової сторінки: заголовки, підзаголовки, зображення, кнопки, підписи до форми заявки або її частина тексту в залежності від пошукової фрази, заголовка або оголошення в рекламній кампанії.

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

Результат видається у формі скрипта, який потім можна буде вставити на сайт.

Ціна: від 1300 до 3900 рублів в місяць.

2. Yclid

Як зробити мультилендинг, якщо ви не програміст

Yclid – ще один сервіс для створення динамічного контенту, що дозволяє підміняти заголовки, текст, зображення та інші елементи сторінки під запити клієнта з контекстної реклами. Сервіс встановлюється безпосередньо на посадкову сторінку. Він працює з WordPress, Joomla, UMI, Bitrix. Користувач заповнює таблицю підмін, що містить значення для потрібних елементів. Підміна значень елементів під пошуковий запит відбувається при завантаженні сайту.

Ціна: від 999 до 8 999 рублів за місяць.

3. LPgenerator

Як зробити мультилендинг, якщо ви не програміст

LPgenerator – це конструктор лендингов з візуальним редактором. Можна створити лендинговую сторінку з динамічним заголовком і розмістити її на хостингу.

Крім заголовків і тексту інший контент змінювати не може. Приємно, що не треба самостійно прописувати кожну змінну для заголовка окремо. Досить просто додати потрібний текст URL і заголовок на сайті зміниться автоматично.

Ціна: 559 до 15 730 рублів в місяць.

4. Платформа LP

Як зробити мультилендинг, якщо ви не програміст

Платформа LP – ще один сервіс для генерації посадкових сторінок з візуальним конструктором. Це сервіс по генерації та редагування. Тут також надаються інструменти аналітики та роботи з заявками. Теж вміє замінювати лише заголовок. Причому для кожного варіанту доведеться прописувати змінну самостійно. Робиться це тут приблизно так само, як в Google Tag Manager.

Ціна: від 490 до 1990 рублів в місяць.

5. Bloxy

Як зробити мультилендинг, якщо ви не програміст

Bloxy – ще один візуальний сервіс для створення лендингов. У візуальному редакторі є функція мультилендинга, яка дозволяє змінювати будь-який контент на сторінці. Теж працює через utm-мітки. Кожен варіант доведеться настроювати самостійно.

Ціна (з підтримкою мультилендинга): від 1970 до 3970 рублів в місяць.

Читайте також: 500+ кращих інструментів для комплексного просування сайту

А наскільки взагалі ефективний динамічний контент?

Складно сказати. Я не знайшла якихось глобальних досліджень з цього питання. Але у всіх кейсах, які я бачила, дійсно відзначають збільшення конверсії. У кого-то на п’ять відсотків, у когось- на сто. З іншого боку, невдалі кейси взагалі зустрічаються нечасто.

У порядку особистої думки можу сказати, що швидше за все динамічний контент буде ефективний у секторі послуг, а не товарів. І в сферах, де людям властиво приймати імпульсивні рішення.

Моя думка підтверджується ось цим маленьким дослідженням, але воно навряд чи може служити вагомим доказом.

Ну а поки тема чекає свого дослідника, поділіться кейсами. Ви використовували динамічний контент? І як результати?