ヒートマップを導入する(headにタグを挿入したい)
- August 10, 2017 [ TIPS - Tips ]
サイトにヒートマップ機能を導入したい等の希望が合った場合、ツールによっては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タグはダミーでタグが上手く閉じるようにしています。
Posted by support : 01:28 AM