TOP
やる夫で学ぶGoogleAnalytics
【facebook投稿に便利！】長いutmパラメータを短くするスクリプト

【facebook投稿に便利！】長いutmパラメータを短くするスクリプト

2013/08/02
facebook

特にfacebookやツイッターですが、GoogleAnalyticsのパラメータを利用すると、どうしても長くなってしまいますよね。
下記図みたいな感じで。

パラメータを完全になくすことは不可能ですが、短縮できる方法をまとめました。

or dieさんを記事を参考に若干スクリプトを追記しました。

http://www.yaruo.com/01/?fbid=blogがFBで読み込まれた場合の処理。
[js]
var _ga_url = {
//config
conf : {
fbid : ["facebook", "social"],
fbadid : ["facebook_ad", "social"],
twitid : ["twitter", "social"],
mixiid : ["mixi", "social"]
},

getQuery : function(name){
if(location.search){
var query = location.search;
query = query.substring(1,query.length);
var qArray = [];
qArray = query.split("&");
for(var i=0;i<qArray.length;i++){
var param = qArray[i].split("=");
if(param[0] == name){
return param[1];
}
}
}
},

get_param : function(str){

var param_str = this.getQuery(str)
return "&utm_campaign=" + param_str
},

main : function(){
for (var i in this.conf){
if((!(location.search).match(/utm_source/)) && this.getQuery(i)){
//alert(i);
var str = "&utm_source=" + this.conf[i][0] + "&utm_medium=" + this.conf[i][1] + this.get_param(i);
var url_str = document.URL + str;
location.href = url_str;
}
}
}
}
_ga_url.main();
[/js]

処理説明

上記でいうと、パラメータのあとの文字列（fbid)が4～７行目の文字列と合致した場合）ここでは４行目が該当するので、utm_souceをfacebookに。utm_mediaはsocialに。そしてキャンペーンはURLの変数（fbid)に対して定義する値＝blogが入ります。

これを読み込ませれば、utmパラメータは非常に短くなり、ソーシャル投稿は綺麗になりますね。リンクを踏むユーザの中には怪しいパラメータが付いてるからといって不信感を抱くユーザもいるわけですので、対策をすることに越したことはないですね。

また、パラメータ付与をしないやりかたとしては、GoogleAnalytics管理画面のカスタムフィルタで書き換えをしてしまうのも、一つの方法ですね。下記がそのサンプルです。

【facebook投稿に便利！】長いutmパラメータを短くするスクリプト

概要

お問い合わせ