ヒートマップを導入する（headにタグを挿入したい） on Aug 10, 2017 1:28 AM

サイトにヒートマップ機能を導入したい等の希望が合った場合、ツールによってはheadタグ内にカスタムタグを記載する必要があることがあります。本CMSでも少しのコツで対応が可能になります。今回はユーザヒートのタグを参考にご紹介いたします。

1)ユーザヒートへ行きます
http://userheat.com/

2)機能が提供されるタグを取得します
<!-- User Heat Tag -->
<script type="text/javascript">
(function(add, cla){window['UserHeatTag']=cla;window[cla]=window[cla]||function(){(window[cla].q=window[cla].q||[]).push(arguments)},window[cla].l=1*new Date();var ul=document.createElement('script');var tag = document.getElementsByTagName('script')[0];ul.async=1;ul.src=add;tag.parentNode.insertBefore(ul,tag);})('//uh.nakanohito.jp/uhj2/uh.js', '_uhtracker');_uhtracker({id:'fAkphac'});
</script>
<!-- End User Heat Tag -->

3)本CMSの管理画面に行きログインします。またサイト編集に移動します

4)Descriptionタグに上記のタグと終了タグを誤魔化す">と<meta charset="utf-8を併せて入力します



4-2)なお、テキストを抜き出すと以下のようになります

"><!-- User Heat Tag -->
<script type="text/javascript">
(function(add, cla){window['UserHeatTag']=cla;window[cla]=window[cla]||function(){(window[cla].q=window[cla].q||[]).push(arguments)},window[cla].l=1*new Date();var ul=document.createElement('script');var tag = document.getElementsByTagName('script')[0];ul.async=1;ul.src=add;tag.parentNode.insertBefore(ul,tag);})('//uh.nakanohito.jp/uhj2/uh.js', '_uhtracker');_uhtracker({id:'fAkphac'});
</script>
<!-- End User Heat Tag --><meta charset="utf-8

5)編集ボタンを押し保存します

====編集後記================================
Descタグを強引に終わらせる赤字の所がミソですね。
後ろ側の赤字Metaタグはダミーでタグが上手く閉じるようにしています。