引数がおしゃれなJavascript解析コード

今年に入って急にお仕事依頼が増え、あまりの忙しさでブログはおろかツイッターの更新すらできませんでした。

という嬉しい悲鳴を上げつつ、最近ようやく自分の時間ができてきたので久しぶりにブログを更新しようと思います。

お仕事していく中で、記事になりそうなネタはいくつかメモしておきました。

そのうち、今回は解析タグについて。

アクセス解析とかヒートマップとかのね。

Javascriptコードをインラインに記述するタイプのなんだけど、その圧縮の仕方が洒落てるな～、真似したいな～と思ったものでメモします☆

どこがどうお洒落なのか

Javascriptの関数には引数を使って値を渡すことができるんだけど、その引数の名前は任意で特に決まっていません。

更に引数は複数渡すこともできます。

っというのが前提にあって、引数名をどうするかっていうところで、例えば

function(id,name,content){ ～

と書いたり、

function(a,b,c,d){ ～

と書いたりできます。

解析コードでも冒頭の部分でこの引数が設定されているので、そこを注意してみてみてください。

おしゃれな解析コード３選

３選というか３つしか出会っていない（笑

• Googleアナリティクス
• Clarity
• User Insight

の３つです。

きっと探せば他にもいろいろ見つかるでしょう。

Googleアナリティクス

▽解析タグ

var flag_gana=false;function ywsgana(){if(flag_gana==false){(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-XXXXXXXXXX', 'auto');
ga('send', 'pageview')};flag_gana=true;};["resize","scroll"].forEach(function(evt){window.addEventListener(evt,ywsgana);});window.addEventListener("load",function(){if(10

var flag_clarity=false;function ywsclarity(){if(flag_clarity==false){(function(c,l,a,r,i,t,y){
c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
})(window, document, "clarity", "script", "XXXXXXXXXX")};flag_clarity=true;};["resize","scroll"].forEach(function(evt){window.addEventListener(evt,ywsclarity);});window.addEventListener("load",function(){if(10

(function(h,e,a,t,m,p) {
m=e.createElement(a);m.async=!0;m.src=t;
p=e.getElementsByTagName(a)[0];p.parentNode.insertBefore(m,p);
})(window,document,'script','https://u.heatmap.it/log.js');