LoginSignup
5
1

More than 5 years have passed since last update.

JimdoでGoogle Tag Managerのコードを挿入

Posted at

Googleタグマネージャーでは、コンテナを作成したあとのインストールのために、2つのコードをサイトに埋め込む必要がある。1つはヘッダーなので特に問題ないが、2つめのコードはBody要素のなるべく先頭に入れるのが望ましいらしい。
Jimdoでやるのはちょいと困るが、動的に入れても動くらしい。

参考 JimdoサイトにGoogleタグマネージャーのコードを挿入する - idew.

上記記事はjQueryが使われていたので、jQueryを使わず、なおかつ1つ目のコードのまとめてヘッダーで挿入することにした。
GTX-XXXXX を置き換えてお使いください。


<script type="text/javascript">
//<![CDATA[
// Google Tag Manager
(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
var google_tag_manager = '<iframe src="https://www.googletagmanager.com/ns.html?id=' + i + '" height="0" width="0" style="display:none;visibility:hidden"><\/iframe>';
    document.addEventListener("DOMContentLoaded", function() {
        var parent = d.body;
        var firstElement = parent.firstChildren;
        var element = d.createElement('noscript');
        element.innerHTML = google_tag_manager;
        parent.insertBefore(element, firstElement);
    });
})(window,document,'script','dataLayer','GTM-XXXXX');
// ]]>
</script>

参考

5
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
5
1