2010年2月11日

Google Analytics、携帯サイト向けのアクセス解析が正式対応になりました。

( ﾟДﾟﾉﾉ"☆ﾊﾟﾁﾊﾟﾁﾊﾟﾁﾊﾟﾁ

ページ名が取得されない問題がありますが、十分すぎる機能があります。
また設置自体も正式前と殆変わりません。

告知ページにも書いてありますが、以下のように設置をします。

1. モバイル用に新規プロファイルを追加します。（アカウントは既存のものがご利用になれます）
2. 通常のトラッキング コードの取得方法と同じ画面を開きます。
3. [アドバンス] タブをクリックして開きます。
4. ❶ で [携帯電話向けのサイト] を選択します。
5. PHP, Perl, JSP, ASPX の中から言語を選択します。（ご利用のサーバーがこれらの言語のいずれかをサポートしていることをご確認ください。）
6. ❷ で、選択した言語のコードが 2つ表示されるので、指定された場所にコードを実装します。
7. ❸ から、選択した言語の ga ファイルをダウンロードし、アクセス解析を行うサイトのルート ディレクトリにアップロードします。

PHPにてSSI利用の場合、以下にて公開していますので利用ください。
Google Analyticsで携帯サイトのアクセス解析を設置。（PHPをSSIにて利用）

ga.phpにて、$SERVERに1文字足りないところがあり、$_SERVERに修正してから設置する必要があります。そのうち修正されるかと思いますが。

Analytics 日本版 公式ブログ: モバイル向け Google Analytics がすべてのアカウントでご利用可能になりました

Movable Type（MT）での表：テーブル（table）表示の利用は結構あるかと思います。料金表や商品一覧など。

方法は色々あると思いますが
<mt:If>～</mt:If>　と　<mt:for>～<mt:for>　で表示を可能とします。

以下が流れになります。
ブログ、ウェブページなど共通です。
1. 列数をセット
2. ブログやウェブページなど一覧のループ
3. ループに入ったら<table>を表示
4. 列数のはじめならば<tr>を表示
5. 表示したい値を<td>～</td>の間で表示
6. 列数に達したら</tr>を表示
7. 4～7まで繰り返し
8. ループの最後に、列数に達していない場合、列数があうように<td> </td>を繰り返し表示、そして</table>を表示

例としてブログ記事一覧で、最後の10件を4列で区切り、ブログ記事を表示する場合は以下になります。

<mt:Entries lastn="10">
<mt:EntriesHeader>
<mt:SetVar name="max" value="4">
<mt:SetVar name="no" value="1">
<table border="1" cellpadding="5" cellspacing="5" width="450">
</mt:EntriesHeader>

<mt:If name="no" eq="1"><tr></mt:If>
<td><$mt:EntryTitle$></td>
<mt:If name="max" eq="$no">
</tr>
<mt:SetVar name="no" value="1">
<mt:Else>
<mt:SetVar name="no" value="1" op="+">
</mt:Else>
</mt:If>

<mt:EntriesFooter>
<mt:If name="no" gt="1">
<mt:If name="max" ne="$no">
<mt:for from="$no" to="$max" increment="1">
<td> </td>
</mt:for>
</mt:If>
</mt:If>
</tr>
</table>
</mt:EntriesFooter>
</mt:Entries>

以下が実行結果です。

もう1例としてブログ記事一覧で、最後の20件のブログ記事で、画像をアップロードした画像1枚を4列で区切り表示する場合は以下になります。

<mt:Entries lastn="20">
<mt:EntriesHeader>
<mt:SetVar name="max" value="4">
<mt:SetVar name="no" value="1">
<table border="1" cellpadding="5" cellspacing="5" width="450">
</mt:EntriesHeader>

<mt:If name="no" eq="1"><tr></mt:If>
<mt:EntryAssets lastn="1" type="image">
<td><img src="<$mt:AssetURL$>" alt="<$mt:EntryTitle$>" width="85" /></td>
<mt:If name="max" eq="$no">
</tr>
<mt:SetVar name="no" value="1">
<mt:Else>
<mt:SetVar name="no" value="1" op="+">
</mt:Else>
</mt:If>
</mt:EntryAssets>

<mt:EntriesFooter>
<mt:If name="no" gt="1">
<mt:If name="max" ne="$no">
<mt:for from="$no" to="$max" increment="1">
<td> </td>
</mt:for>
</mt:If>
</mt:If>
</tr>
</table>
</mt:EntriesFooter>
</mt:Entries>

以下が実行結果です。