Как разместить Google Analytics локально в WordPress? –

На данный момент оптимизация производительности является одной из самых горячих и актуальных тем в мире WordPress. Раньше у нас были плагины SEO и кэширования для повышения скорости загрузки страниц сайтов WordPress. Однако в последние дни значение оптимизации полностью изменилось, и основное внимание уделяется устранению всех ненужных кодов из базовой установки вместо оптимизации конечного вывода. Одной из основных проблем в этом процессе является сокращение или устранение использования внешних кодов, таких как реклама, шрифты, Google Analytics и другие сторонние библиотеки JavaScript. В этой статье мы объясним, как разместить Google Analytics локально в WordPress и повысить скорость.

Стандартная настройка Google Analytics в WordPress

Стандартный способ включения Google Analytics для веб-сайта — вставить код отслеживания в раздел заголовка. В WordPress есть несколько способов добиться этого.

• Ручная вставка кода отслеживания в header.php вашей темы или дочерней темы.
• Использование плагина для этой цели. Вы можете использовать специальные плагины, такие как MonsterInsights или общие плагины, такие как Insert Headers and Footers.
• Большинство коммерческих тем WordPress предлагают возможность на панели темы вставлять пользовательский код JavaScript, такой как Analytics.
• Популярные темы, такие как Astra, GeneratePress и Kadence, предлагают элемент хука для вставки кода в заголовок с помощью хука WPHead.

Проблемы со скоростью при стандартной настройке

Все вышеперечисленные методы добавления кода в раздел заголовка вызовут множество проблем в Google PageSpeed ​​Insights. Как правило, вы можете найти проблемы в разделе «Уменьшить влияние стороннего кода» с помощью Analytics или скрипта Google Tag Manager.

Уменьшите влияние проблемы с кодом третьей стороны

Вы также можете найти скрипт в разделе «Уменьшение времени выполнения JavaScript».

Сокращение времени выполнения JavaScript

Поскольку скрипт Analytics представляет собой статический файл, вы найдете предложение «Обслуживать статические ресурсы с помощью эффективной политики кэширования» для улучшения кэширования браузера.

Обслуживайте статические ресурсы с помощью эффективной политики кэширования

Локальный хостинг Google Analytics в WordPress

Как видите, скрипты, связанные с Analytics и Tag Manager, в первую очередь влияют на TBT (общее время блокировки). Это сильно повлияет на оценку скорости, поскольку TBT имеет вес 30% при расчете оценки производительности.

Калькулятор оценки производительности Lighthouse

К сожалению, вы не можете решить вышеуказанные проблемы с загрузкой скрипта Analytics с внешнего сервера Google. Единственное решение — найти способ разместить код отслеживания Google Analytics локально на вашем сервере и использовать его в виде статического файла. Это поможет исправить все проблемы и улучшить показатель скорости.

Плагин производительности

Perfmatters — это популярный плагин для оптимизации производительности, который удаляет все ненужные коды раздувания с вашего сайта WordPress. вы можете локально размещать Google Fonts, отключать ненужные сценарии WooCommerce в сообщениях, удалять ссылки на каналы/RSD и локально размещать код отслеживания Google Analytics. Это плагин премиум-класса, который вы можете приобрести по небольшой цене в 24,95 доллара. В большинстве случаев вы можете получить скидку от 10 до 30%, что еще больше снизит цену, чтобы сделать цену этого плагина более привлекательной.

(идентификатор купона = «59908», макет = «список»)

Добавьте код Google Analytics в Perfmatters

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

• Во-первых, обязательно активируйте плагин с помощью кода покупки, чтобы получать автоматические обновления новых функций.
• Перейдите в меню «Настройки > Характеристики», чтобы получить доступ к странице настроек плагина.
• Перейдите на вкладку «Активы», а затем перейдите в раздел «Аналитика».
• Включите кнопку напротив опции «Включить локальную аналитику».

Формат кода отслеживания Google Analytics

Прежде чем заполнять данные, зайдите в свою учетную запись Google Analytics и получите код отслеживания. Формат и сценарий кода отслеживания зависят от используемой версии. Ниже приведен пример идентификатора измерения, в котором используется gtag.js.

Если вы используете более ранние версии Google Analytics, код отслеживания должен выглядеть следующим образом:

Помните, что версия gtag.js будет иметь идентификатор измерения, а более старая версия, использующая analytics.js, будет иметь код отслеживания. В приведенных выше примерах G-SSHYxxxxxx — это идентификатор измерения, а UA-326xxxxx-1 — код отслеживания.

У вас будет три возможности, требующие скриптов, как показано ниже:

• analytics.js — старые версии Analytics с идентификатором отслеживания.
• gtag.js и analytics.js — более ранние версии Диспетчера тегов Google с идентификатором отслеживания.
• gtag.js — последняя версия 4 с идентификатором измерения

Детали заполнения в плагине Perfmatters

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

Размещение скрипта analytics.js локально

Когда вы выберете gtag.js V4, вы увидите несколько вариантов, как показано ниже:

Размещение gtag.js версии 4 локально

И, наконец, когда вы выберете gtag.js, вы увидите следующие параметры.

Параметры производительности для хоста gtag.js локально

Поясним детали, необходимые для выбора или заполнения всех полей:

• Идентификатор отслеживания – введите идентификатор измерения или код отслеживания.
• Позиция кода отслеживания – заголовок является опцией по умолчанию; вы также можете переместить скрипт в нижний колонтитул.
• Тип сценария – у вас есть возможность выбрать, какой скрипт вы хотите разместить локально, например, gtag.js, gtag.js V4 или analytics.js. Как объяснялось выше, убедитесь, что выбран правильный сценарий в соответствии с настройками Google Analytics. Кроме того, вы можете выбрать минимальный вариант размещения analytics-minimal.js на сайте minimalanalytics.com. Это минимальная версия analytics.js с ограниченными возможностями. Вы также можете встроить analytics-minimal.js с опцией «Минимальный встроенный». Мы не рекомендуем использовать параметры Minimal и Minimal Inline, так как этим методам по-прежнему требуется внешний скрипт для создания отчетов о данных.

Выберите тип сценария

• Отключить функции отображения – применимо при выборе параметра analytics.js и использовании для параметров «Ремаркетинг» и «Функции отчетности по рекламе». Включайте, только если вам нужно, и убедитесь, что вы включили эти параметры в своей учетной записи Google Analytics.
• Анонимизировать IP – применимо для параметров analytics.js, Minimal и Minimal Inline для анонимизации IP-адресов посетителей.
• Отслеживание вошедших в систему администраторов – отключите эту опцию, чтобы администраторы игнорировали просмотры страниц. В этом случае вам следует использовать другой браузер или другой сеанс в режиме инкогнито, проверяя, использует ли сайт локальный код Google Analytics.
• URL-адрес CDN — введите URL-адрес CDN, если вы хотите использовать локально размещенный сценарий аналитики через настройку CDN.
• Скорректированный показатель отказов – установите значение от 0 до 100 для расчета показателя отказов при использовании опции analytics.js.
• Используйте MonsterInsights — включить интеграцию с плагином MonsterInsights, если вы используете его на своем сайте. Этот параметр поддерживается только при использовании gtag.js.
• Включить поддержку AMP – используйте для отслеживания страниц AMP.

Тестирование настройки и скорости локальной аналитики

После заполнения данных сохраните изменения, и следующим шагом будет проверка того, что на вашем сайте все работает нормально. Самый простой способ — открыть сайт в другом браузере или в режиме инкогнито и проверить исходный код. Это должно выглядеть примерно так, как показано ниже, с кодом Perfmatters вместо исходного кода Google Analytics.

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

Заключительные слова

Google Analytics легко разместить локально на сайтах WordPress с помощью плагина Perfmatters. Это поможет улучшить сайт, и вы также можете использовать другие параметры, доступные в плагине, для локального размещения шрифтов Google, удаления неиспользуемых CSS и выборочного отключения неиспользуемых файлов скриптов на страницах. Наряду с хорошим плагином для кэширования и SEO у вас может быть идеально оптимизированный сайт, который будет занимать высокие позиции в Google и других поисковых системах.