7 вещей, которые следует учитывать при разработке дружественных сайтов для Google Analytics

1. 1) Планирование структуры URL, ориентированной на человека и SEO
2. 2) Знать некоторые основы того, как JavaScript и AJAX влияют на Google Tag Manager и Google Analytics.
3. 3) Иметь четкую страницу подтверждения действия или сообщение для каждого действия
4. 4) Не обрезайте параметры запроса при перенаправлении целевой страницы
5. 5) Используйте атрибуты class и id на интерактивных элементах
6. 6) Избегайте использования фреймов для основного контента
7. 7) Создать новую учетную запись для нового клиента, а не собственности
8. Выводы

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

Я хотел бы поделиться своей мыслью о 7 вещах, которые стоит учитывать при разработке веб-сайта, чтобы уберечь вас от потери данных о поведении пользователей и сделать их более удобными для реализации Google Analytics.

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

1) Планирование структуры URL, ориентированной на человека и SEO

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

Я считаю, что подобные URL-адреса обычно являются плохим выбором: www.example.com/index.php?lang=1&page=43&category=5

Просматривая такой URL в отчете о содержании, вам будет сложно определить, о чем эта страница. Такие URL-адреса называются динамическими , поскольку они содержат имена параметров (в данном примере lang, страницу, категорию) и их значения.

Гораздо лучше было бы иметь такой URL-адрес www.example.com/en/marketing/2015-trends

Понятно, что страница на английском языке, раздел маркетинга, содержит статью о тренде 2015 года. В Контенте или любом другом отчете вы можете легко идентифицировать, фильтровать и анализировать данные на этой конкретной странице или во всех статьях в разделе маркетинга. Такие URL-адреса называются статическими, и они необходимы для большинства страниц.

Популярные CMS (системы управления контентом), такие как WordPress, Drupal и другие, предлагают возможность иметь читаемые статические URL-адреса или «чистые URL-адреса» - просто нужно включить их. Для нестандартных систем CMS используйте опции перезаписи URL - попросите разработчиков сделать это или переписать URL google .htaccess.

С другой стороны, вам также могут понадобиться динамические страницы - это страницы, которые изменяют свое содержимое на основе предыдущих действий пользователя, таких как страница поиска по сайту или фильтры продукта. Если все динамические страницы создаются с одним и тем же (статическим) URL-адресом для разных пользовательских запросов или действий, при настройке Google Analytics по умолчанию (без дополнительных настроек) их будет невозможно отследить.

Допустим, у вас есть поиск по сайту - пользователь заполняет форму поиска и перенаправляется на страницу результатов www.example.com/search-results . Как видите, поисковый термин не отражен в URL, поэтому невозможно будет увидеть, что именно искали пользователи (опять же, по крайней мере, без дополнительного кодирования). Решением в этом случае будет использование динамических URL-адресов и передача поискового запроса, например, www.example.com/search-results?s=search+query.

Теперь ты можешь настроить отчет о поиске по сайту и если этот параметр важен по техническим причинам и бесполезен для анализа, например, идентификатор сеанса, вы можете легко исключить параметры запроса URL в Google Analytics , В таких случаях использование динамических ссылок было бы более подходящим.

Подводя итог, некоторые хорошие практики URL:

• Используйте статические читаемые URL для статических страниц. Бонус: они тоже есть лучше для SEO и пользователей !
• Придерживайтесь выбранной структуры URL . Если похожие страницы имеют разную структуру URL-пути, например www.example.com/banana-article для одной статьи и www.example.com/articles/cooking/grape-article, это затруднит анализ ваших отчетов. Выберите одну структуру и придерживайтесь ее. Подсказка: лучше отображать имена категорий или разделов в URL-адресах, анализировать как конкретные страницы, так и весь контент в определенной категории или разделе.
• Для многоязычных сайтов используйте отдельные URL для каждого языка , с 2-3-буквенным кодом языка в начале или путем URL-адреса. Если изменение языка не отражено в URL (да, это редко, но время от времени его можно увидеть), у поисковых систем возникнут проблемы с правильной индексацией вашей веб-страницы, у вас будут проблемы с рекламными кампаниями на разных языках (URL для конкретные языковые версии). Также вы не сможете узнать, какую языковую версию читали посетители.
• Используйте динамические URL-адреса для динамических страниц или для передачи дополнительных параметров, таких как поисковый запрос для результатов поиска по сайту, фильтры, идентификатор транзакции или другие динамические параметры, которые важны для анализа или функционирования веб-сайта.

2) Знать некоторые основы того, как JavaScript и AJAX влияют на Google Tag Manager и Google Analytics.

JavaScript - это язык программирования, используемый для различных взаимодействий с веб-страницей, таких как проверка формы без перезагрузки страницы, переключение вкладок, запуск ползунков изображений, отображение модальных окон и т. Д. Он также используется Google Analytics для отправки данных на серверы GA.

AJAX (асинхронный JavaScript и XML) - это способ обмена данными с сервером и изменения частей веб-страницы без перезагрузки всей страницы. Хотя «простой JavaScript» может работать только с данными, загруженными в браузер, AJAX позволяет подключаться к другим источникам данных и обновлять некоторые части страницы, например, когда вы прокручиваете свою временную шкалу Facebook и видите, что все больше и больше нового контента постоянно добавляется ниже.

Начнем с влияния на отслеживание страниц. По умолчанию Google Analytics отслеживает просмотры страниц, которые загружаются в окне браузера, и запускает трекер страниц Google Analytics. Когда пользователь генерирует действия, которые происходят в фоновом режиме, без фактической перезагрузки страницы, Google Analytics не может идентифицировать и отслеживать это. В результате вы не получите данные о формах JavaScript / AJAX, ползунках содержимого, фильтрах, щелчках вкладок содержимого, разбивателях страниц, модальных всплывающих окнах и других взаимодействиях.

Если такой динамический контент без изменения URL необходим, виртуальные просмотры страниц или же События может использоваться для отправки «принудительного» удара и отслеживания действий, не обнаруживаемых стандартным трекером GA. Это потребует от разработчиков добавления дополнительного кода JavaScript в исходный код веб-страницы и / или (лучше) с помощью Google Tag Manager (GTM).

В то время как Google Tag Manager позволяет специалисту по цифровой аналитике настраивать Google Analytics с гораздо меньшим участием клиентов в ИТ-команде, что облегчает жизнь для всех, тем не менее, есть некоторые вещи, которые следует учитывать. Без вдаваясь в технические детали Просто убедитесь, что вы используете функцию warnDefault () вместо возврата false при перезаписи действия элемента по умолчанию, например, при нажатии кнопки отправки формы или модальных оконных ссылок. Это гарантирует правильное отслеживание, поскольку возвращение false заблокирует событие от запуска.

Наиболее популярным примером необходимости дополнительного кода являются формы AJAX, чтобы знать, когда форма была отправлена. Некоторые плагины контактной формы Worpdress можно легко настроить для отправки события GA или уровня данных GTM, что действительно здорово. Иногда вы также можете добавить небольшой фрагмент кода JavaScript к сообщению «Спасибо», которое будет невидимым для посетителей, но будет отслеживать действие.

Поэтому, если вы планируете использовать много взаимодействий на основе JavaScript / AJAX, которые вы хотите отслеживать, чтобы понять поведение пользователей, лучше проконсультироваться со специалистом Google Analytics или агентством, чтобы найти стратегию и решения для отслеживания.

3) Иметь четкую страницу подтверждения действия или сообщение для каждого действия

Как для аналитики, так и для улучшения взаимодействия с пользователем веб-сайт должен предоставлять подтверждающие сообщения или страницы после таких действий, как подписка по электронной почте, отправка контактной формы, покупка и другие. И они могут (должны) отслеживаться как цели для оценки конверсий из разных кампаний и источников трафика.

Как правило, я бы посоветовал иметь отдельные URL-адреса для страниц подтверждения (или «Спасибо»), отражающих результат действия.

Пример: на странице www.example.com/checkout есть форма покупки. Если действие предполагает более одного сценария, например, покупка была успешной или неудачной, для каждого сценария также должны быть отдельные URL-адреса. Здесь вы можете использовать как динамические, так и статические URL:

• URL успешной покупки - www.example.com/checkout?status=success или www.example.com/checkout/thank-you
• Неудачный URL покупки - www.example.com/checkout?status=failed или www.example.com/checkout/failed

Таким образом, вы можете легко настроить цели Google Analytics для успешных покупок и сможете анализировать количество и источники трафика отдельно для неудачных и успешных действий.

С отдельной страницей (URL) это будет проще, поскольку для этого потребуется только настройка цели через интерфейс, поскольку для встроенных / модальных сообщений вам потребуется добавить дополнительный код JavaScript, чтобы отправить запрос в Google Analytycs.

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

4) Не обрезайте параметры запроса при перенаправлении целевой страницы

Если страница имеет переадресацию, например, с домена без www на домен www, или после перемещения целевой страницы на новый URL-адрес, убедитесь, что параметры запроса (это то, что идет после символа? В ссылке) не усекаются. Потеря параметров Google Analytics utm или gclid AdWords из-за перенаправлений приведет к тому, что Google Analytics будет определять источник трафика и кампанию не так, как вы этого хотели, и потерять ценные данные.

Чтобы избежать этого, проверьте URL-адреса целевой страницы для перенаправления и убедитесь, что теги Google Analytics / AdWords не обрезаются. И, пожалуйста, сохраните параметр запроса по умолчанию при разработке перенаправлений URL.

5) Используйте атрибуты class и id на интерактивных элементах

Чтобы идентифицировать конкретный элемент, который вы хотите отслеживать (с помощью прослушивателей GTM или пользовательских селекторов), вы можете использовать идентификатор элемента или класс, по которому щелкнули. Если кликабельный элемент, например гиперссылка, не имеет атрибутов class или id, вам нужно будет искать обходные пути - иногда использование URL-адреса элемента - это простой путь, в то время как в других ситуациях вам нужно будет определить родительский класс элемента и выполнить другой JavaScript кодирование. Таким образом, добавляя классы или идентификаторы в интерактивные элементы, настройка Google Analytis будет намного проще.

Вы должны использовать одни и те же классы для группировки похожих объектов (например, всех кнопок призыва к действию) и уникальных классов или идентификаторов для идентификации уникальных элементов. Например, для разделения кнопок вызова и колонтитула в нижнем колонтитуле.

Тем не менее, в некоторых ситуациях потребуется добавить встроенный JavaScript, как действие по нажатию кнопки или внутри какой-либо функции JavaScript.

6) Избегайте использования фреймов для основного контента

Иногда использование iframe оправдано, например, для встраивания видео или сторонних виджетов. Но вы, как правило, не хотите вставлять целую страницу или важную часть контента. Использование iframe для содержимого главной страницы может генерировать несколько просмотров страниц, а если содержимое iframe находится в другом домене, винт реферальных данных. Вот тема о iframe в справочном центре Google Analytics.

К счастью, сайты iframe (почти) вымерли, и это не будет популярной проблемой.

7) Создать новую учетную запись для нового клиента, а не собственности

Google Analytics имеет следующую иерархию аккаунтов:

Структура аккаунта Google Analytics [через support.google.com] Хотя пользователю на уровне свойств может быть предоставлено право доступа почти ко всем функциям GA (кроме Истории изменений, ссылок AdSense и Управления фильтрами для всех видов), веб-сайты, добавленные в качестве свойств, не могут быть доступны. перенесены из учетной записи, и владельцы учетной записи всегда будут владеть данными веб-сайта Единственным решением получить полный контроль над вашим веб-сайтом Analytics будет создание новой учетной записи и кода отслеживания без предыдущих исторических данных. :(

Надлежащим способом будет всегда создавать новую учетную запись для нового бизнеса. Единственным исключением может быть, если создание отдельного кода отслеживания для одного и того же клиента (для нового промо-сайта кампании или приложения), тогда новое использование собственности будет оправданным.

Вы можете узнать больше об этом в Урок Академии Аналитики с Джастином Катрони ,

Выводы

Часто, особенно если используются разные предварительно настроенные системы управления контентом, не все из упомянутого списка возможно сделать (или вообще не нужно). Существуют способы настройки Google Analytics и GTM и преодоления технических препятствий - некоторые проблемы могут быть легко решены, некоторые могут потребовать небольшого «взлома» или участия ИТ-команды.

Наиболее важным, на мой взгляд, является понимание целей веб-сайта и на ранних этапах (до представления готового веб-сайта iframe-ajax-onepage-flash с плохой юзабилити) сотрудничество не только с веб-разработчиками, но также с отделом маркетинга и цифровой аналитики. SEO, SEO, пользовательский опыт / конверсия и дизайн / пользовательский интерфейс, чтобы создать сайт, который будет инструментом маркетинга и продаж, а не барьером.

Обновление в 2016 году: я сделал Контрольный список для Google Analytics и GTM Friendly Разработка сайтов ,

Похожие

Комментарии