【便利ツール】サイトカタリストで計測しているページ名（s.pageName）を簡単に確認するスクリプト

サイカタのページ名を１ページ、１ページ、ソースで確認するのはめんどくさすぎる！というときに便利なツールの紹介です。

今回、作ったのは、SiteCatalyst（新名称：Adobe Analytics）でページ名をどのように計測されているか確認するときに、ブックマークひと押しで確認できるスクリプトです。実際のサイトのURLとサイトカタリストで計測されているページ名がどうつながっているのか不明なんてときに便利かと思います。

目次（ページ内リンク）

1 実行結果
2 使用方法
3 いくつか確認してみました
4 さいごに

実行結果

該当ページを開いて、ブックマークをひと押しすると…
黒い箱が現れて、サイカタの計測されているページ名が表示されます。

screenshoffft.667

使用方法

①ブラウザ（Chromeなど）でどこかのサイトのブックマークを作成

②ブックマークを編集
名前：（任意の名称）例：SCページ名確認
URL：以下のスクリプトを入力（1行で保存）

スクリプト

javascript:/* jQueryの読み込み確認 */ if(typeof jQuery == "undefined"){ loadJQuery();}function loadJQuery(){var script=document.createElement("script");script.setAttribute("src","//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js");script.setAttribute("type","text/javascript");document.body.appendChild(script);}/* s.pageName判定 */ if(typeof s =="undefined"){ sc_name = "s.pageNameなし" }else{ sc_name = s.pageName;}jQuery("body").append("<span class='pop_span'>"+sc_name+"</span>");var style1 = "<style type='text/css'>.pop_parent {position: relative;} .pop_a {position: relative;}.pop_span {line-height: 15px;text-indent: 0;text-align: left;display: block;top: 2em;left: 1em;border: 1px solid #ccc;padding: 1em;background: #000;position: absolute;letter-spacing: 0em;font-size: 20px;font-weight: 900;color: #FFF;font-family: 'Lucida Grande','Hiragino Kaku Gothic ProN','%E3%83%92%E3%83%A9%E3%82%AE%E3%83%8E%E8%A7%92%E3%82%B4 ProN W3',Meiryo,%E3%83%A1%E3%82%A4%E3%83%AA%E3%82%AA,sans-serif;z-index: 999999;margin-top: -20px;}.outline1{outline:3px solid #00f}.outline2{outline:3px solid #0f0}</style>";jQuery("head").append(style1);

スクリプト 2014/8/21更新版

javascript:/* jQueryの読み込み確認 */ if(typeof jQuery == "undefined"){ loadJQuery();}function loadJQuery(){var script=document.createElement("script");script.setAttribute("src","//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js");script.setAttribute("type","text/javascript");document.body.appendChild(script);}/* s.pageName判定 */ if(typeof s =="undefined"){ sc_name = "s.pageNameなし" }else{ sc_name = s.pageName;}jQuery("body").append("<span class='pop_span'>"+sc_name+"</span>");var style1 = "<style type='text/css'>.pop_parent {position: relative;} .pop_a {position: relative;}.pop_span {line-height: 15px;text-indent: 0;text-align: left;display: block;top: 2em;left: 1em;border: 1px solid #ccc;padding: 1em;background: #000;position: absolute;letter-spacing: 0em;font-size: 20px;font-weight: 900;color: #FFF;font-family: 'Lucida Grande','Hiragino Kaku Gothic ProN','%E3%83%92%E3%83%A9%E3%82%AE%E3%83%8E%E8%A7%92%E3%82%B4 ProN W3',Meiryo,%E3%83%A1%E3%82%A4%E3%83%AA%E3%82%AA,sans-serif;z-index: 99988999;margin-top: -20px;}.outline1{outline:3px solid #00f}.outline2{outline:3px solid #0f0}</style>";jQuery("head").append(style1);

スクリプト 2015/1/23更新版

ページタイトルとフルURL、サイカタ名を取得するように改良しました。
さらに背景色を透過させて、ページ固定からウィンドウ固定位置に変更しています。

screenshot.805

javascript: /* jQueryの読み込み確認 */ if (typeof jQuery == "undefined") {
    loadJQuery();
}
function loadJQuery() {
    var script = document.createElement("script");
    script.setAttribute("src", "//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js");
    script.setAttribute("type", "text/javascript");
    document.body.appendChild(script);
} /* s.pageName判定 */
if (typeof s == "undefined") {
    sc_name = document.title + "<br />" + location.href + "<br />" + "s.pageNameなし";
} else {
    sc_name = document.title + "<br />" + location.href + "<br />" + s.pageName;
}
jQuery("body").append("<span class='pop_span'>" + sc_name + "</span>");
var style1 = "<style type='text/css'>.pop_parent {
    position: relative;
}

.pop_a {
    position: relative;
}

.pop_span {
    line-height: 1.4em;
    text-indent: 0;
    text-align: left;
    display: block;
    top: 2em;
    left: 1em;
    border: 1px solid #ccc;
    padding: 1em;
    background-color: rgba(0,0,0,0.5);
    position: fixed;
    margin:0;
    top:10px;
    left:10px;
    letter-spacing: 0em;
    font-size: 15px;
    font-weight:100;
    color: #FFF;
    font-family: 'Lucida Grande','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo,メイリオ,sans-serif;
    z-index: 99988999;
}

.outline1 {
    outline: 3px solid #00f
}

.outline2 {
    outline: 3px solid #0f0
}

</style>";
jQuery("head").append(style1);

③ページ名を確認したいページを開く

④作成したブックマークを実行

⑤実行結果がページの左上の黒いボックスに表示されます。