Как настроить и установить Диспетчер тегов Google на веб-сайтах с темой Flatsome
Опубликовано: 2020-07-13Вы хотите настроить Диспетчер тегов Google (GTM) на своем веб-сайте?
В этом руководстве мы покажем вам, как правильно установить и настроить Диспетчер тегов Google для вашего веб-сайта на основе темы Flatsome.
Прежде чем мы начнем, давайте узнаем больше о GTM и его преимуществах. Вам, вероятно, интересно, что такое Диспетчер тегов Google, если вы не знакомы с этим термином. Ответим на самые распространенные вопросы об этом.
Что такое Диспетчер тегов Google?
Диспетчер тегов Google — отличный инструмент для цифрового отслеживания. Это позволяет вам размещать теги на вашем сайте без редактирования кода. Этот инструмент позволит вам развертывать и обновлять различные фрагменты кода, называемые тегами .
Отличным примером тега является код отслеживания Google Analytics, который вы добавляете на свой веб-сайт. Так что вы можете отслеживать детали вашего трафика.
Вы можете проверить это руководство о том, как добавить Google Analytics с WordPress на веб-сайт на основе темы Flatsome.
Не только Google Analytics, но и многие другие службы отслеживания или поставщики тегов требуют, чтобы вы добавили несколько строк кода HTML или JavaScript на свой веб-сайт для интеграции своих услуг. Например, Facebook Pixel, Adobe Analytics, LinkedIn Insight и рекламные инструменты, такие как Google AdWords.
Вы можете легко добавлять и управлять всеми этими кодами из единого интерфейса, и вам не нужно редактировать код веб-сайта. Существуют встроенные шаблоны тегов для популярных сервисов, таких как Google Analytics, AdWords, DoubleClick и т. д. Однако вы также можете добавить собственные теги на свой веб-сайт.
Каковы преимущества Диспетчера тегов Google?
Вы можете делать удивительные вещи в Диспетчере тегов Google, как только вы преодолеете кривую обучения. Пара основных преимуществ включает в себя:
- Весь сторонний код находится в одном месте.
- Это позволяет быстро развертывать теги.
- Перенесите все существующие теги в GTM.
- Прежде чем что-то запускать, вы можете увидеть, что работает, а что нет.
- Он предлагает вам развернуть несколько тегов и управлять ими из интуитивно понятного интерфейса.
Настройка диспетчера тегов Google
Чтобы настроить Диспетчер тегов Google, вы можете использовать два основных метода. Один ручной, а другой с плагинами аналитики WordPress. Этапы почти одинаковы в каждом методе.
Настройте свою учетную запись Диспетчера тегов Google
Сначала посетите веб-сайт Диспетчера тегов Google и зарегистрируйтесь, используя ту же учетную запись Google, которую вы использовали для Google Analytics.
Далее вам необходимо войти в свою учетную запись Google. После этого вы можете заметить страницу создания учетной записи Диспетчера тегов Google. Просто нажмите кнопку « Создать учетную запись », чтобы начать.
Введите имя своей учетной записи и выберите свою страну в раскрывающемся списке. Вы можете использовать название вашей компании в качестве имени учетной записи.
Далее вам нужно настроить контейнер. Это набор тегов, триггеров и всех конфигураций, установленных на веб-сайте.
Вы можете использовать доменное имя вашего веб-сайта в качестве имени контейнера. Контейнером может быть веб-сайт или приложение на платформах iOS или Android. В этом случае мы будем использовать веб. Нажмите кнопку « Создать », чтобы продолжить, как только вы закончите.
Чтобы продолжить, вам необходимо принять Соглашение об условиях использования Google Tag Manager. Установите флажок, чтобы принять Условия обработки данных, а затем нажмите кнопку « Да » в правом верхнем углу.
После принятия условий обслуживания на экране появится новое всплывающее окно с фрагментами кода для установки менеджера тегов на ваш сайт.
Необходимо добавить два фрагмента кода. Один находится внутри тега <head> , а другой — в теге <body> вашего веб-сайта.
Эти два кода понадобятся вам для настройки Диспетчера тегов Google на вашем веб-сайте с темой Flatsome. Так что держите вкладку выше открытой. Он предлагает инструкции о том, куда вставить код. Но если вы абсолютный новичок, это может быть сложно.
Не волнуйтесь; мы собираемся показать вам предстоящие шаги.
Добавить код Диспетчера тегов Google вручную
Перейдите в панель администратора WordPress на новой вкладке. Затем перейдите к редактору тем в разделе « Внешний вид ».
Затем щелкните заголовок темы с правой стороны, чтобы запустить header.php в редакторе тем.
В соответствии с инструкциями учетной записи GTM скопируйте первый код и вставьте его в элемент <head>, как показано на этом изображении.
Затем скопируйте второй код и вставьте его сразу после тега <body>, как показано на изображении.
Нажмите кнопку « Обновить файл» в нижней части экрана, чтобы сохранить сделанные настройки.
Есть еще один способ добавить код GTM на ваш веб-сайт Flatsome Powered.
Добавьте Диспетчер тегов Google в опцию Flatsome Theme.
Перейдите в панель администратора WP. Проверьте « Дополнительно » в разделе «Flatsome» и нажмите « Глобальные настройки ».
Вы найдете как сценарии заголовка, так и сценарии тела , чтобы вставить свой код аналитики.
Сохраните все изменения , нажав кнопку ниже на этой странице.
Примечание : мы предлагаем вам использовать дочернюю тему WordPress, если вы выбираете ручной путь. В противном случае ваш код отслеживания будет перезаписан, если вы переключите или обновите тему.
Добавьте Диспетчер тегов Google с помощью плагина
Если другие способы кажутся вам сложными, то добавьте с помощью стороннего плагина.
Давайте посмотрим, как вы можете воспользоваться помощью плагина, чтобы вставить метатег именно там, где это необходимо.
Перейдите к « Добавить новый » в разделе «Плагины » на панели администратора WP.
Существуют различные плагины, которые вы можете использовать для добавления кода GTM. Но здесь я рекомендую плагин Insert Headers and Footers .
Вы можете следовать этому руководству, чтобы получить помощь по установке плагина WordPress.
После установки и активации плагина перейдите в раздел « Вставка верхних и нижних колонтитулов из настроек ».
Затем скопируйте и вставьте код GTM в раздел заголовка и нажмите кнопку « Сохранить », чтобы сохранить настройки.
Добавляйте и публикуйте теги в вашем диспетчере тегов
После того, как вы установили GTM на свой веб-сайт, вы готовы добавить фрагменты кода (теги), предоставляемые различными инструментами отслеживания.
Теперь вернитесь на панель инструментов GTM, нажмите кнопку «Новый тег» и следуйте инструкциям, чтобы создать свой первый тег. Вы можете добавлять различные теги в свой контейнер GTM, следуя тому же методу и интегрируя свой сайт на базе Flatsome с различными инструментами отслеживания.
Диспетчер тегов Google поддерживает более 50 типов тегов. Теги в Диспетчере тегов Google не будут запущены, пока вы не опубликуете контейнер. Поэтому вам нужно будет отправить его с панели инструментов GTM после создания нового тега.
Диспетчер тегов Google — это мощный инструмент, который помогает вам управлять тегами и собирать данные, необходимые для действий. Когда вы сможете легко и быстро настроить инструмент, у вас будет больше времени, чтобы спланировать, как использовать все данные, которые вы можете собрать. Это поможет вам с различными советами и приемами SEO,
Мы надеемся, что это руководство помогло вам узнать, как установить и настроить Диспетчер тегов Google на веб-сайте на основе темы Flatsome.