Денис Герасимов

Chrome и расширения для настройки рекламы

Заставка к видео - Chrome и расширения для настройки рекламы

Приветствую!

Поговорим о браузере Google Chrome и его расширений и возможностях для настройки рекламы.

Если на вашем ноутбуке до сих пор нет браузера Google Chrome то скачайте его. Сделать это можно по ссылке www.google.ru/chrome/browser/desktop/index.html. Это совершенно бесплатно.

Возможности Google Chrome для настройки рекламы:

  1. Разные пользователи.

Когда вы настраиваете рекламу в разных аккаунтах, то очень удобно открыть несколько браузеров под разными пользователями и логинами в Яндекс.Директе, например.

  1. Режим инкогнито

Это почти то же самое, только быстро. Например, когда вы проводите аудит. Вы не выходите из аккаунтов на основном браузере, открываете режим инкогнито, и в нем как будто бы вышли, но на самом деле в режиме инкогнито можете просматривать.

  1. Просмотр кода элемента

Это больше всего касается лэндингов, чтобы просмотреть что-то в коде страницы и быстро внести разные изменения.

  1. Расширения
  • 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 части, в нижней части страницы мы увидим код страницы. Например, посмотрим, как выглядит код ссылки. Для этого выделяем ссылку на нашем сайте мышью и нажимаем ПРОСМОТР КОДА ЭЛЕМЕНТА. В коде страницы код элемента выделится синим цветом. В этом режиме можно менять стили и т.п. При этом, изменения не увидят другие пользователи сайта. Допустим, я хочу посмотреть, как будет выглядеть на сайте ссылка в красном цвете. Добавляю в код ссылки код

"style="color:red"

Таким образом моя ссылка изменила цвет на красный.

Справа внизу страницы есть колонка, где есть доступ ко всем стилям. Эти стили можно менять по своему усмотрению. Есть также доступ к просмотру ошибок. Их можно увидеть, нажав на значок красный кружочек с крестиком.

В панели инструментов кода страницы можно также работать с другими вкладками, таким как Network, Source, Profiles, Resources и т.д.

Расширения для Google Chrome

Расширения для Гугл Хром скачиваются из магазин расширени chrome.google.com/webstore/category/extensions?hl=ru

Tag assistant by GoogleПри открытии моего сайта в браузере, можно увидеть около адресной строки значок расширения, которые я установил. Например, Evernote или Tag Assistant. Расширение Tag Assistant помогает проверить корректно ли работает Tag Manager, установленный на моем сайте. По ссылке CUSTOM METRICS видно, что у меня есть внутренние метрики, я передаю Client ID в аккаунт Google Analytics в пользовательской переменной.

GA DebugИ еще одно расширение GA Debug. Чтобы посмотреть, как оно работает необходимо перейти в консоль. Нажимаем ПРОСМОТР КОДА ЭЛЕМЕНТА на нашей странице сайта с помощью правой кнопки мыши. На панели инструментов выбираем Console. И мы переходим в консоль, где расширение GA Debug работает. Видим какие команды запускаются в Гугл Аналитикс, а также справа напротив видим скрипты проверки ошибок (дебагеры). Из кода понятно, что запускается счетчик, с определенным именем. Так же мы можем, например, посмотреть мою переменную clientId с данными 995363362.14524586322, которую передаю в Гугл Аналитикс с помощью dimension1. Так же видно заголовок, название моего сайта, размер экрана и т.п.

Вот и все основные расширения, которые я использую.

Очень рекомендую использовать Google Chrome для настройки рекламы либо для ведения сайта. Это позволит вам быстро внести изменения и посмотреть, как они влияют на работу сайта или эффективность рекламной компании.

Если у вас остались вопросы, оставляйте комментарии.

Спасибо за внимание! Успехов вам!

↓ Презентация cloud.mail.ru

Подпишитесь на YouTube канал