Приветствую!
Поговорим о браузере Google Chrome и его расширений и возможностях для настройки рекламы.
Если на вашем ноутбуке до сих пор нет браузера Google Chrome то скачайте его. Сделать это можно по ссылке www.google.ru/chrome/browser/desktop/index.html. Это совершенно бесплатно.
Возможности Google Chrome для настройки рекламы:
- Разные пользователи.
Когда вы настраиваете рекламу в разных аккаунтах, то очень удобно открыть несколько браузеров под разными пользователями и логинами в Яндекс.Директе, например.
- Режим инкогнито
Это почти то же самое, только быстро. Например, когда вы проводите аудит. Вы не выходите из аккаунтов на основном браузере, открываете режим инкогнито, и в нем как будто бы вышли, но на самом деле в режиме инкогнито можете просматривать.
- Просмотр кода элемента
Это больше всего касается лэндингов, чтобы просмотреть что-то в коде страницы и быстро внести разные изменения.
- Расширения
- Tag Assistant (by Google)
- GA Debug
Google Chrome. Практика
Скачайте браузер Google Chrome
Скачайте браузер по ссылке www.google.ru/chrome/browser/desktop/index.html. Обычно Гугл сам определяет какая у вас платформа и вы без проблем скачаете и установите браузер на свой ПК.
Смена пользователя в Гугл Хром
Вы увидите в правом верхнем углу ваш аккаунт, при нажатии на который вы сможете легко сменить пользователя, то есть аккаунт. У меня есть несколько пользователей, которые я использую для разных целей при работе в этом браузере.
Режим инкогнито в Гугл Хром
Перейти в РЕЖИМ ИНКОГНИТО можно так же нажав на имя вашего аккаунта в правом верхнем углу или сочетанием клавиш Ctrl+Shift+N. Вы увидите новый браузер, он будет чистый и в левом углу появится значок шпиона.
Например, в предыдущем браузере я был залогинен mail.ru, то в режиме инкогнито, мне предлагают снова зайти под своим логином и паролем. То есть можно войти на один и тот же сайт, под разными логинами, не выходя из них.
Просмотр кода элемента в Google Chrome
Для просмотра кода элемента, открою свой сайт rek9.ru в браузере и нажму в пустом месте правой кнопкой мыши и выберу ПРОСМОТР КОДА ЭЛЕМЕНТА. Также можно использовать горячее сочетание клавиш Ctrl+Shift+I. В верхней части страницы откроется специальное меню, в котором можно, например, изменить настройку Device на Apple iPhone 6 и мы увидим, что форма нашего сайта изменилась так, как он будет выглядеть на экране смартфона Apple iPhone 6. Таким образом можно посмотреть как будет выглядеть сайт на различных гаджетах и девайсах. Чтобы выйти из этого режима просмотров необходимо нажать в верхнем левом углу значок «перечеркнутый кружочек».
В итоге экран браузера у нас будет поделен на 2 части, в нижней части страницы мы увидим код страницы. Например, посмотрим, как выглядит код ссылки. Для этого выделяем ссылку на нашем сайте мышью и нажимаем ПРОСМОТР КОДА ЭЛЕМЕНТА. В коде страницы код элемента выделится синим цветом. В этом режиме можно менять стили и т.п. При этом, изменения не увидят другие пользователи сайта. Допустим, я хочу посмотреть, как будет выглядеть на сайте ссылка в красном цвете. Добавляю в код ссылки код
[syntax type=»html»]»style=»color:red»[/syntax]
Таким образом моя ссылка изменила цвет на красный.
Справа внизу страницы есть колонка, где есть доступ ко всем стилям. Эти стили можно менять по своему усмотрению. Есть также доступ к просмотру ошибок. Их можно увидеть, нажав на значок красный кружочек с крестиком.
В панели инструментов кода страницы можно также работать с другими вкладками, таким как Network, Source, Profiles, Resources и т.д.
Расширения для Google Chrome
Расширения для Гугл Хром скачиваются из магазин расширени chrome.google.com/webstore/category/extensions?hl=ru
При открытии моего сайта в браузере, можно увидеть около адресной строки значок расширения, которые я установил. Например, Evernote или Tag Assistant. Расширение Tag Assistant помогает проверить корректно ли работает Tag Manager, установленный на моем сайте. По ссылке CUSTOM METRICS видно, что у меня есть внутренние метрики, я передаю Client ID в аккаунт Google Analytics в пользовательской переменной.
И еще одно расширение GA Debug. Чтобы посмотреть, как оно работает необходимо перейти в консоль. Нажимаем ПРОСМОТР КОДА ЭЛЕМЕНТА на нашей странице сайта с помощью правой кнопки мыши. На панели инструментов выбираем Console. И мы переходим в консоль, где расширение GA Debug работает. Видим какие команды запускаются в Гугл Аналитикс, а также справа напротив видим скрипты проверки ошибок (дебагеры). Из кода понятно, что запускается счетчик, с определенным именем. Так же мы можем, например, посмотреть мою переменную clientId с данными 995363362.14524586322, которую передаю в Гугл Аналитикс с помощью dimension1. Так же видно заголовок, название моего сайта, размер экрана и т.п.
Вот и все основные расширения, которые я использую.
Очень рекомендую использовать Google Chrome для настройки рекламы либо для ведения сайта. Это позволит вам быстро внести изменения и посмотреть, как они влияют на работу сайта или эффективность рекламной компании.
Если у вас остались вопросы, оставляйте комментарии.
Спасибо за внимание! Успехов вам!
↓ Презентация cloud.mail.ru