Быстрая настройка первого проекта

Чтобы создать проект, следуйте этой инструкции. Здесь — процесс быстрой настройки с обзором основных функций. 
 

1. Начало

 
После регистрации в YAGLA вы перейдете на страницу с первым шагом — создание проекта.
 
Обратите внимание: в один проект можно добавить несколько источников трафика. Например, кампанию в Яндекс.Директ на поиске, кампанию в РСЯ, кампанию в КМС Google и так далее. 
 
Первым делом вы выбираете один из пунктов, с какого источника хотите начать настройку проекта:
 
 
 
 
 
Если у вас РК в Яндексе – «Загрузить фразы и объявления из Яндекс.Директ». Здесь подмены привязываются к ключевым фразам.
 
Если РК в Google – «Загрузить фразы и объявления из Google AdWords». Здесь подмены так же привязываются к ключевым фразам (для кампаний на поиске Google), либо условиям таргетинга (для кампаний в контекстно-медийной сети Google).
 
Если РК в MyTarget – «Загрузить тизеры из MyTarget». Здесь подмены привязываются к конкретным объявлениям в сети MyTarget.
 
Гибкая настройка подходит для настройки подмен под объявления в социальных сетях (ВК & Facebook); объявления в баннерных и тизерных сетях; ссылки в email-рассылке, мессенджерах, сторонних СМИ и так далее. YAGLA сгенерирует любое количество ссылок с динамической переменной, которое вам необходимо, и вы можете вставлять их в свои источники (объявления ВКонтакте, например). 
 
Дальше мы разберем процесс настройки на примере Яндекс.Директ.
 
Итак, на первом шаге выбираем «Загрузить фразы и объявления из Яндекс.Директ».
 

2. Импорт кампаний

 
На этом шаге вы разрешаете YAGLA синхронизироваться со своим аккаунтом в Яндекс.Директ и с выбранной кампанией (или несколькими кампаниями).
 
Обратите внимание: если перед этим вам необходимо передать доступ к рекламной кампании стороннему специалисту для настройки проекта, используйте эту инструкцию.
 
 
Авторизация под другим аккаунтом может понадобиться, если вам необходимо перейти на аккаунт в Яндексе, где находится нужная для настройки проекта рекламная кампания.
 
Допустим, у вас несколько аккаунтов в Яндексе, к которым привязаны рекламные кампании в Директе. Вы подошли к импорту в YAGLA, и видите, что под выбранным аккаунтом нужной кампании нет. Тогда нажимаете «Выбрать другой аккаунт», входите в нужный аккаунт и продолжаете.
 
 
В этом случае входите в нужный аккаунт и продолжаете.
 
В обычных случаях сразу нажимаете «Разрешить»:
 
 
Отмечаете, какую именно рекламную кампанию вы хотите импортировать в YAGLA. Одну или несколько одновременно. В нашем примере это две кампании, на поиске и в РСЯ.
 
 
На что еще здесь важно обратить внимание!
 
Справа от столбца с кампаниями у вас отобразится вот такой блок:
 
 
Это означает, что в результате импорта с вашего аккаунта в Яндекс.Директ будет списано указанное количество баллов (232 балла из 159 672 возможных в нашем случае).
 
Подробнее о бальной системе (она актуальна только для Яндекса) вы можете прочитать в нашем блоге: 
 
 
Обратите внимание: если у вас не отображаются рекламные кампании для импорта, это означает, что закончился суточный лимит баллов. Решение — подождать до начала следующего дня.
 
Итак, как мы сказали выше, тут же можно добавить в один и тот же проект любой другой источник трафика — рекламную кампанию с другого аккаунта в Яндексе; рекламную кампанию из Google AdWords или MyTarget и т.д. — ниже, по вкладкам «Добавить еще источник трафика».
 
 
В этом случае, если вы сразу добавляете кампании из Google или MyTarget, YAGLA так же запросит доступ к вашим данным в Google или MyTarget, и его нужно разрешить.
 
При добавлении гибкой настройки достаточно вписать адрес посадочной страницы:
 
 
Подробнее нюансы настройки прочих источников вы можете изучить в статьях:
 
 
 
 
По большому счету, все отличия сводятся к тонкостям импорта рекламных кампаний и к разному представлению редактора подмен на финальном этапе.
 
 
Ну, а мы остановимся на простом примере, когда у нас только Яндекс.Директ, две рекламные кампании.
 
В завершение этого шага, когда вы добавили в проект все нужные вам рекламные кампании, нажимаете «Продолжить» и переходите к этапу разметки страниц.
 

3. Разметка страниц для подмен

 
Здесь вы выбираете элементы, которые будете подменять и способ разметки страниц для работы подмен.
 
Для этого есть три способа: визуальный, продвинутый и режим кода.
 
3.1. Визуальный способ.
 
При визуальном способе сразу после импорта рекламной кампании, прямо в интерфейсе YAGLA подгружается ваш сайт. Точнее, все посадочные страницы. 
 
В верхней части вы видите список всех страниц («Размечаемый URL»). Ниже — область, где отображается страница.
 
Нужно кликнуть на соответствующий элемент и отметить «Да, сделать динамическим». Допустим, это заголовок, как в нашем примере. Для подмен можно разметить любое количество элементов на странице. Мы рекомендуем не больше пяти, чтобы было удобно анализировать результаты.
 
В поле «Названия подменяемых элементов» система автоматически присваивает порядковые указатели «Подмена № 1», «Подмена № 2» и т.д. Рекомендуем для удобства давать собственные названия, чтобы дальше, при заполнении таблицы подмен не запутаться что к чему (например, «Заголовок», «Подзаголовок», «Картинка»).
 
Разметить необходимо каждую страницу из рекламной кампании. То есть, после того, как разметили первую, нажимаете на кнопку «Перейти к разметке следующей страницы».
 
 
 
 
В поле «Название подменяемых элементов» можно показать на странице (1) или удалить (2) конкретную подмену:
 
 
Для чего необходимы данные возможности?
 
1 — возможность увидеть какой конкретно элемент на странице указан для подмен под данным названием.
 
Допустим, у вас есть подменяемый элемент «Кнопка». А кнопок на странице несколько. Чтобы убедиться, что вы пометили правильный вариант, кликните на значок «Показать подмену» и система вам его покажет.
 
2 — убираем из подмен конкретный элемент. 
 
Группировка страниц
 
Если у вас несколько URL, точнее, несколько однотипных страниц, чтобы облегчить процесс – используйте группировку страниц.
 
Иконка рядом с подписью «Размечаемый URL»:
 
 
Это актуально, когда у вас несколько однотипных лендингов, либо однотипных страниц на сайте, либо множество рубрик каталога / карточек товаров в интернет-магазине, сделанных по одному шаблону.
 
На всех этих страницах вы хотите сделать подменяемыми, к примеру, два элемента – заголовок и подзаголовок.
 
При клике на иконку группировки, вы переходите на страницу «Объединение / разъединение страниц».
 
Галочками отмечаете нужные страницы и нажимаете «Объединить»:
 
 
В результате вам достаточно разметить подменяемые элементы только на одной странице, на остальных разметка произойдет синхронно.
 
Кроме того, вы можете не просто сделать быструю разметку в одной группе, а создать несколько шаблонов (групп), внутри которых будет ряд типовых страниц и в каждом из них провести свою разметку. Это актуально для тех, у кого несколько десятков разноплановых страниц (в интернет-магазинах, например – отдельный шаблон для страниц каталога, отдельный шаблон для карточек товаров и т.д.) 
 
Вот в чем преимущество объединения страниц в визуальном редакторе. 
 
3.2. Режим кода.
 
В режиме кода иной порядок действий. Он актуален, когда:
 
  • Сайт не отображается в визуальном режиме;
  • На сайте настолько запутанная разметка, что невозможно однозначно определить элементы (что именно является заголовком, например);
  • На странице есть элементы, которые нельзя выделить в обычном режиме (всплывающие окна, меняющиеся блоки после какого-то действия посетителя и т.д.)
 
YAGLA присваивает подменяемому элементу код (класс), который вы должны вручную вставить на сайт:
 
 
При клике на вопросительный знак появляется окно с подсказкой, как это сделать:
 
 
3.3. Продвинутый режим.
 
Так же, как и режим кода, актуален при сложностях с визуальной разметкой.
 
Здесь обратная логика: вы сами копируете с сайта код элемента, который хотите сделать подменяемым, и вставляете его в поле «Селектор»:
 
 
Обратите внимание: продвинутый режим требует знания css и html. Поэтому лучше поручить это программисту.
 
В итоге вы добавляете столько элементов, сколько вам нужно; сохраняете сделанную разметку и переходите к следующему шагу – установке кода YAGLA на сайт.
 
Не забудьте сделать разметку на всех страницах, где вы собираетесь подменять элементы!
 
Подробнее обо всех нюансах трех способов — в разделе «Разметка страниц»
 

4. Установка кода для работы подмен

 
Код YAGLA можно поставить на сайт с любой CMS (системой управления), где есть возможность установки сторонних скриптов.
 
При переходе на этот этап в строке «Вставьте этот код» вы видите код, сгенерированный YAGLA. Вы берете и вставляете его на все страницы сайта перед закрывающим тегом </head>. В помощь — инструкции по установке кода на различных CMS.
 
Дальше вы можете проверить наличие кода на сайте или пропустить этот шаг и перейти к заполнению таблицы подмен. Однако при запуске проекта для работы подмен код необходимо вставить обязательно.
 
Кроме того, если при заполнении редактора подмен вы хотите увидеть, как подмены будут выглядеть на вашей странице (режим предпросмотра – всё ли корректно отображается), код так же необходимо поставить заранее. Собственно механизм подмены контента работает только при наличии кода YAGLA на сайте.
 
На что здесь важно обратить внимание
 
Справа от строки с кодом три вкладки:
 
  • Копировать код в буфер;
  • Оправить разработчику;
  • Заявка на установку кода.
 
 
 
Что они означают?
 
1) Копировать код в буфер – по сути, это функция копирования Ctrl+C, когда можно не выделять строчку с кодом, а нажать на кнопку «Копировать в буфер» и дальше вставить код в нужном месте на сайте (Ctrl+V).
 
2) При клике на «Отправить разработчику» откроется окно:
 
 
Вписываете email своего специалиста и в результате ему тут же приходит такое письмо:
 
 
Разумеется, специалиста лучше предупредить заранее)
 
3) Заявка на установку кода – это делегирование задачи по установке специалистам YAGLA:
 
 
Наконец, если вы справитесь самостоятельно, в конце страницы есть ссылки на инструкции для разных CMS:
 
 
После установки кода проверьте подтверждение:
 
 
Напомним, что код должен стоять на каждой странице, где вы хотите подменять контент.
 
Если система сообщает, что код не найден, нужно проверить:
 
  • На всех ли страницах установлен код;
  • Правильность установки (перед закрывающим тегом </head>). 
После установки кода переходим к заполнению таблицы подмен.
 

5. Редактор таблицы подмен

 
Самый важный шаг. Здесь вы прописываете подмены под параметры из своих рекламных кампаний (поисковые фразы или условия таргетинга). 
 
При работе с рекламными кампаниями из Директа / AdWords в первом столбце Редактора подмен вы видите свои объявления, как они у вас есть (1), во втором — поисковые фразы под каждое объявление (2), дальше (3) — столбец, куда вы вписываете значения подмен (либо несколько столбцов, если вы разметили несколько подменяемых элементов).
 
 
Справа от столбцов с подменяемыми элементами — блок со статистикой.
 
Во-первых, здесь отображается количество переходов по фразам из вашей РК (колонка «Трафик из РК»):
 
 
Важный момент: это не статистика по подменам. Это накопленная статистика из вашей рекламной кампании за последний месяц, на момент её импорта в YAGLA. 
 
Причем, система сразу ранжирует объявления с «ключевиками» в порядке убывания. Первыми в редакторе отображаются наиболее «трафиконосные». Для того, чтобы сначала настроить подмены под них.
 
Таким образом, мы идем от широких сегментов к гиперузким. Важное замечение для тех, у кого тысячи ключевых фраз в Директе / AdWords.
 
В первую очередь берите и отрабатывайте ту семантику, что приносит больше трафика. 
 
Рядом с «Трафиком из РК» — статус тестирования (если включено a/b тестирование); дальше — результаты подмен и оригинала (если, опять же, включены тесты).
 

Статусы тестирования в Yagla

 

(1) – Количество переходов на страницу по конкретной поисковой фразе или группе фраз; слева по подменам, справа по оригиналу.

(2) – конверсия (отношение достигнутых целей к количеству переходов, в процентах). Так же 2 колонки, по подменам и оригиналу.

В колонке «Статус» – как идет тестирование:

 проект остановлен, тестирование не идет;

 идет тестирование;

 подмена сработала хуже исходника;

 подмена сработала лучше исходника.

Статистику проекта вы видите только при настроенных целях и включенных a/b тестах.

Тест идет до того момента, пока система не определит победителя по конверсиям – оригинал или вариант с подменой. Либо один из вариантов подмены, если вы тестируете 2 или больше подмены без участия исходника. После этого тест останавливается и YAGLA показывает по конкретному запросу только вариант-победитель.

Подробнее — в разделе Ведение проекта. Работа со статистикой.

Разумеется, все эти цифры с результатами появляются только после запуска проекта. На старте колонки со статистикой «нулевые», за исключеним Трафика из РК.

Дальше разберем основной функционал Редактора подмен.

Группировка объявлений / запросов

Изначально рекламная кампания может быть настроена по принципу «1 запрос - 1 объявление». В этом случае рядом с каждым объявлением вы видите одну поисковую фразу:

Либо под каждое объявление несколько поисковых фраз. Точно так, как в рекламной кампании:

Что здесь важно

Во втором случае, когда у вас уже есть группировка фраз на уровне РК, можно оставить эту группировку как есть и прописать подмены под каждое объявление; либо провести свою группировку.

Можно объединить фразы из двух и более объявлений — для того, чтобы под них было одно значение подменяемых элементов. Для этого отмечаете галочками чек-боксы рядом с нужными объявлениями и нажимаете «Сгруппировать».

Можно наоборот «отцепить» от группы одну или несколько фраз и прописать под них свои, отдельные значения подменяемых элементов. 

Для этого просто кликаете на чек-боксы рядом с нужными фразами и дальше либо объединяете их в новую группу, либо под каждую фразу прописываете своё значение подмен.

Соответственно, любой произведенной группировке можно «дать задний ход» с помощью чек-боксов и вкладки «Разгруппировать».

Особенно рекомендуем группировать фразы, когда кампания сделана по принципу «1 запрос - 1 объявление». На уровне рекламной кампании это еще может быть оправдано, но для подмен на посадочной странице нет совершенно никакой необходимости делать «тупое» соответствие заголовка ключевикам.

Например, фразы: «Пластиковые окна», «Окна ПВХ», «Стеклопакеты ПВХ» — один и тот же товар называют по разному, но потребность одинаковая. Логично объединить эти фразы в одну группу и прописать под неё одно значение подменяемых элементов.

Обратите внимание: эффект достигается не за счет «тупой» подмены «запрос = заголовок» (логика объявлений в Директе), а благодаря человекопонятному ценностному предложению для каждой группы запросов, каждой потребности.
 
Кроме того, группировка необходима для оптимизации a/b тестов. Оставлять отдельные фразы (особенно низкочастотные) ни к чему, поскольку на низком трафике тест затянется намного дольше. Чем больше группа, тем больше по ней трафика, тем быстрее пройдет тест.
 
Важно! В рекламной кампании все остается без изменений. Группы объявлений как работали, так и продолжают работать.  
 

Группировка и редактирование в Excel

 
Когда рекламная кампания на несколько сотен объявлений и больше, удобнее делать группировку и прописывать значения подмен в Excel.
 
1) Для работы в Excel выгрузите таблицу с динамическим контентом с помощью ссылки Редакция в excel1.
 
2) После внесения изменений  — загрузите файл с отредактированной таблицей с помощью ссылки Редакция в excel2
 
Подробнее о всех нюансах — в статье «Редактирование кампании в Excel».
 

Полный функционал таблицы подмен

 
Дальше разберем все остальные возможности, что можно делать в таблице подмен.
 
 
1 — в текущей таблице у вас отображается название рекламной кампании. Как мы уже говорили, в одном проекте может быть несколько рекламных кампаний из разных источников трафика. 
 
При клике на чек-бокс рядом с названием кампании вы увидите выпадающий список всех остальных рекламных кампаний в своем проекте:
 
 
Здесь можно выбрать любую другую кампанию и перейти к настройке таблицы подмен для неё.
 
2 — с помощью вкладки «Добавить кампанию» вы можете добавить в свой проект новую рекламную кампанию (с того же аккаунта в Яндексе или любого другого источника).
 
3 — вкладка «Разметить» позволяет добавить еще один подменяемый элемент (при клике вы перейдете в указатель подмен, где ранее делали разметку подменяемых элементов).
 
4 — иконка «+» рядом с поисковыми фразами позволяет добавить еще одну подмену к этой фразе или группе фраз. Эта возможность актуальна, когда вы хотите тестировать под конкретную фразу или группу фраз два и более вариантов подмен (два варианта заголовка, например).
 
5 — иконка с мусорным ведром – обратное действие (удаление какого-либо варианта подмены).
 
6 — иконка с глазом – предварительный просмотр, позволяющий тут же увидеть как выглядят подмены на вашем сайте – просмотр откроется в соседнем окне браузера. Режим доступен только при установленном коде YAGLA.
 
Обратите внимание: если у вас не отображаются подмены в предпросмотре, скорее всего, неверно установлен код YAGLA, либо неправильно выбран тип подменяемого элемента (например, вместо text выбран input). Решение – обратиться к нашим специалистам через чат техподдержки.
 
При этом вы можете воспользоваться предварительным просмотром внутри редактора подмен.
 
В конце страницы есть ссылка «Открыть предварительный просмотр»:
 
 
После клика здесь же откроется окно, где отобразится ваша страница с подменой.
 
В нашем случае это заголовок.
 
Встаем курсором в строчку с подменой и видим, как она выглядит на странице:
 
 
Когда вы встанете курсором на другую подмену, вас «перекинет» на просмотр этого элемента.
 
Окно с предварительным просмотром можно растянуть по высоте как вам удобно.
 
Чтобы его убрать, нажимаете на ссылку «Скрыть» в правом углу (там же, где до этого «Открыть»).
 
Важно, что этот вариант предварительного просмотра, в отличие от просмотра в браузере, работает без установки кода.
 

Текстовый редактор

 
Когда вы заполняете значения подмен, над строкой у вас отображается текстовый редактор:
 
 
Здесь вы можете выделять текст жирным, курсивом, менять его цвет и размер.
 
Текстовый редактор можно отключить с помощью соответствующей функции в Настройках вида таблицы.
 

Настройка вида таблицы подмен

 
1) Нажимаем на вкладку «Вид таблицы»:
 
 
2) Открывается окно, где мы отметим три функции:
 
 
1 — вы можете скрыть из видимости столбцы с объявлениями, фразами, статистикой, убрав галочку из соответствующего чек-бокса.
 
2 — настройка отображения столбцов с подменами, столбиками или вкладками. Отображение вкладками удобно при большом количестве подменяемых элементов и выглядит так:
 
 
3 — с помощью этой функции можно настроить очередность столбцов с подменами, в каком порядке будут у вас отображаться подмены для заголовка, подзаголовка, подписи к форме заявки, например.
 
Здесь же вы можете отключить текстовый редактор. Причем, его можно отключить у конкретного столбца (только для подзаголовка, например), убрав галочку в соответствующем чек-боксе.
 

Расширенные настройки

 
Это дополнительные возможности для более точной настройки проекта. 
 
1) Нажимаем на вкладку «Расширенные настройки»:
 
 
2) Открывается окно с пятью функциями:
 
 
1 — когда вы удаляете какие-либо подмены, они не пропадают бесследно, а уходят в архив. С помощью этой функции можно заново отобразить удаленные подмены и восстановить их к показу. Для этого нужно включить режим OFF.
 
2 — допустим, вы разметили для подмен два элемента: заголовок и подзаголовок. Значения подмен для заголовка заполнили, а для подзаголовка оставили пустыми. Если опция включена (ON), YAGLA при переходе по запросам с пустыми значениями будет показывать оригинал — исходный вариант подзаголовка, в любом случае.
 
Если опция выключена (OFF), при переходе по этим запросам пользователи вообще не увидят подзаголовка.
 
При необходимости таким образом можно исключить из видимости любой элемент страницы.
 
3 — в некоторых случаях бывает так, что после настройки подмен меняется дизайн сайта и исходная разметка подменяемых элементов сбивается. Когда YAGLA не обнаруживает «пропавший» элемент (кнопку, например), то не подменяются и все остальные элементы (заголовок / подзаголовок, например).
 
Режим OFF выключает этот процесс и даже если система не нашла какой-то элемент, все отсальные всё равно подменятся.
 
4 — включение a/b тестов.
 
5 — настройка порога статистической значимости для a/b тестов.
 
Подробнее — в разделе «Расширенные настройки».
 

Генератор подмен

 
Генератор подмен нужен для того, чтобы быстро заполнить значения подмен в соответствии с поисковой фразой, заголовком или текстом объявления.
 
В основном подходит для рекламных кампаний с товарными артикулами (интернет-магазины), когда посетителю важно точное попадание в его запрос. 
 
Пример из автотематики: «Генератор Fubag DS 5500».
 
Если у вас очень много подобных запросов и нет необходимости в группировке, генератор подмен позволит быстро настроить подмены.
 
Либо вам нужно массово проставить в заголовок страницы геодобавку — «Автозапчасти к BMW в Саратове», «Продажа автозапчастей KIA в Саратове», «Купить генератор ВАЗ 2110 в Саратове», например.
 
1) Нажимаем на вкладку «Генератор подмен»:
 
 
2) Открывается окно:
 
 
Подробности настройки — в статье «Генератор подмен».
 
Последнее действие
 
Нажимаете «Запустить проект». 
 
Поздравляем, вы создали свой первый проект! 
 
 

6. Настройка целей

 
Чтобы определить, какие из подменяемых элементов эффективнее стимулируют ваших пользователей на достижение нужных вам целей (заполнение формы заявки, звонок, заказ и т.д.), их необходимо настроить.
 
Это важный момент, поскольку в YAGLA иной принцип учета целей, чем в Яндекс Метрике и Google Analytics. Поэтому, даже если у вас настроены цели в этих системах, в YAGLA их нужно указать отдельно. 
 
Проще всего после настройки таблицы подмен нажать на вкладку «Все проекты»:
 
 
Дальше в меню проекта перейти по вкладке «Цели»:
 
 
 
 
Пошаговую инструкцию по настройке целей смотрите на этой странице.
 
P.S. В заключение еще раз напомним, что в текущий проект вы можете в любой момент добавить новую рекламную кампанию, из какого угодно источника.
 
Это можно сделать из Таблицы подмен, через вкладку «Добавить кампанию»:
 
 
Всё про статистику и аналитику проекта смотрите в разделе Ведение проекта.