Это правильный способ использования Google Tag Manager для Gatsby - PullRequest
Новая
       11

Это правильный способ использования Google Tag Manager для Gatsby

0 голосов
/ 10 декабря 2018

Первоначально я только добавил плагин менеджера тегов Google Gatsby и добавил GTM-XXXX в мою конфигурацию.Но мой SEO-парень сказал, что хочет этот код в теле 

<!-- Google Tag Manager (noscript) -->

<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-XXXX"

height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>

<!-- End Google Tag Manager (noscript) -->

Итак, я скопировал html.js по умолчанию в src следующим образом: $ cp .cache/default-html.js src/html.js и затем поместил этот jsx в html.js 

        <body {...this.props.bodyAttributes}>
          {this.props.preBodyComponents}
          <div
            key={`body`}
            id="___gatsby"
            dangerouslySetInnerHTML={{ __html: this.props.body }}
          />
          {/* Google Tag Manager (noscript) */}

          <noscript>
            <iframe
              src="https://www.googletagmanager.com/ns.html?id=GTM-XXXX"
              height="0"
              width="0"
              style={{ display: 'none', visibility: 'hidden' }}
            />
          </noscript>

          {/* End Google Tag Manager (noscript) */}
          {this.props.postBodyComponents}
        </body>

Прав ли мой SEO-менеджер, сказав мне это сделать?Почему плагин Google Tag Gatsby не работает сам по себе?

1 Ответ

0 голосов
/ 12 декабря 2018

Это тег noscript, который отображается только для людей, которые не запускают Javascript.Так как Gatsby является фреймворком Javascript, люди без Javascript не будут видеть ваш сайт, поэтому я считаю, что разработчики этого плагина не считали необходимым включать тег noscript (также единственные теги / события, которые работают в GTM без Javascript, это:пользовательские теги изображений при загрузке страницы, так что обычно нет особого смысла их иметь).

Я не понимаю, как это связано с SEO.Я не думаю, что вам это нужно.

...