アメブロ Excelでアクセス数管理、HTMLコードからデータ抽出し蓄積

アクセス数の過去データ
htmlコードから抽出
1. ブラウザのデベロッパーツールを使う
2. コードを探す
Excelで編集
1. 日付とアクセス数の抽出
2. 入力する関数まとめ

アクセス数の過去データ

アメブロのアクセス解析は当月を含んで過去３カ月分のデータしか見れません。Amebaアプリを使ったアクセス数がアメブロのアクセス解析でしか収集できないためアクセス数管理をするには過去データは自分でセーブして蓄積していくしかありません。

htmlコードから抽出

Ｗｅｂ画面に表示された数値をコピーする方法は別で紹介しました。ただこのやり方は数値が表示されているリンク元別や記事別では使えますが、日別アクセス総数などのグラフ上にマウスカーソルを置かないと数値が表示されない画面では使えません。
この場合はhtmlコードから直接数値データを抽出します。抽出したデータをExcelを使って加工して数値データとして使えるようにしていきます。

ブラウザのデベロッパーツールを使う

コードを見るのはブラウザ標準で装備されているデベロッパーツールを使います。
ブラウザとしては以下の４つで確認しています。

Chrome
Edge
Firefox
IE11

デベロッパーツールは各ブラウザ実装されていてＦ１２キーで起動できます。
今回はアメブロ投稿時のおすすめブラウザであるChromeを使って解説します。

Ｆ１２キーでデベロッパーツール起動

コードを探す

アクセス解析の１ヶ月分の日別アクセス数の画面で抽出を行ってみます。
その画面でＦ１２キーを押すとそのＷｅｂページのコードが表示されます。
ツールの表示エリアは境目を自由に動かせますので見やすいように広げてください。

ツールの左上にある選択ツールをクリックします。
選択ツールはマウスカーソルを置くと
【select an element in the page to inspect】
と表示されるマークのところです。

アクセス解析の日別グラフの真ん中あたりの日を選択します。（真ん中の日の方がコード画面で区別しやすいので）
ツール側でそのグラフに該当するhtmlコードにジャンプします。
以下のコードかその配下に行くはずです。

このコードが日数分あります。３１日まである月なら３１個です。その１番最初のコードまで上がってください。その１行上に次のコードがあるはずです。

このコードを選ぶとアクセス解析の日別グラフ全体が選択状態になります。ならなければ違うコードを選んでいます。

コードの選択

そしてこのコードを右クリックしてメニューをだします。
【Edit as HTML】
を選択します。
EdgeやIE11なら【HTMLとして編集】と表示されます。

HTMLとして編集

すると編集可能な状態でhtmlコードが表示されます。
そのコードをトリプルクリックするとコード全体が選択されます。
その状態から右クリックしてコピーします。
コードが１行でコピーされます。

Excelで編集

使っているExcelバージョンは2016です。旧バージョンでもほぼ同じはずです。

コピーしたコードをA1セルに貼り付けます。１行が一つのセルに入ります。
ここで１点注意があります。
Excelの１セルに入力できる文字数に制限があります。

１セル最大32,767 文字

これが最大文字数制限です。日別アクセス数のコードではこの制限は超えませんが他のデータでは超えることもあります。文字制限数を超えると下のセルに分割されて貼り付きます。

以下は関数の解説ですが、不要であれば一番下の「入力する関数のまとめ」まで飛ばして記載してある関数をそのまま指定したセルにコピぺしてください。

日付とアクセス数の抽出

A1セルに貼り付けたコードから日付とアクセス数だけを抜き出します。
マクロよりも簡単な関数で全部抜き出していきます。
方法はコードの中からキーワードを探していく方法です。

このhtmlコードには「アクセス数」という文字が日数分使われていることがわかります。よってこの「アクセス数」という文字をキーワードとして探していきます。
使う関数はFIND関数です。

FIND関数

この関数は指定された文字列を他の文字列の中で検索し、その文字列が最初に現れる位置を左端から数え、その番号を返します。

FIND(検索文字列, 対象, [開始位置])

今回はこうなります。A2セルに記入します。

=FIND(“アクセス数”,$A$1)

$記号でセルを固定してください。
A3セルに次の「アクセス数」という文字を探す関数を記入します。

=FIND(“アクセス数”,$A$1,A2+1)

A2で探した文字数に１を足してそこから次の「アクセス数」という文字を探します。
これ以下のセルはA3セルのコピーで可能です。３１日分なのでA32セルまでコピーします。

日付位置の探索ですが、「アクセス数」という文字の前にあります。間には<br></span>という１１文字のコードがあります。日付は12/31(月)のような８文字と1/1(火)のような６文字があります。とうことで「アクセス数」という文字の先頭から１１＋８＝１９文字前から１１＋６＝１７文字前の間にあることになります。

日付が何文字かはわからないので日付の前の文字を探索します。日付の前には <span> というコードがあるのでこの > 文字を探すことにします。
B2セルに次の関数と記入します。

=FIND(“>”,$A$1,A2-20)

A2は「アクセス数」という文字の先頭番号、そこから１７～１９文字前が日付の先頭なのでそのさらに１文字前の２０文字前で > を探します。
B3セルからB32セルにはB2セルをコピーします。

次にアクセス数の数字部分の探索です。
「アクセス数」＋「：」の次が数値の始まりになっていますので数値の終わり位置を探せればいいことになります。これも「アクセス数」の次の</span>コードの < を探します。
C3セルに次の関数を記入します。

=FIND(“<“,$A$1,A2)

これで文字位置を探せたので次は文字を抜き出すMID関数です。