[PR] 本ブログの商品紹介リンクには広告が含まれています
先日、銀座某所で「樋口さんのブログは携帯から読めないのか」というお問い合わせをいただいていた（じつは、サイズが大きすぎて、かなりの確率で読めない）のと、某支援先の関係で Google AdSense のモバイルコンテンツ向け広告を自分でもちょっと試してみる必要に駆られて、このサイトを携帯対応にしてみました。
携帯のブラウザから http://higuchi.com/ と入力するか、右のQRコードでアクセスできます。
で、もうすでにいろんなところで説明されていますけど、
『超手抜き、Nucleus サイトを最低限携帯から読めるようにする段取り＋モバイルコンテンツ向け AdSense の入れ方』のメモを以下に。
- Nucleus (JP) フォーラムに Andy さんが投稿してくれているjun さん作の携帯電話用スキン (mob.zip)をダウンロードして開く。mob というディレクトリの中に skinbackup.xml というファイルができているはず。
- 自分のサーバーの Nucleus の skins ディレクトリに、上で開いた mob ディレクトリと中身のファイルをディレクトリごとアップロードする。
- 管理画面サイドバーの《レイアウト設定》の中の《読込/書出》をクリック。《読み込み》の《ローカルファイルから読み込み:》で mob を選んで《読み込み》ボタンをクリック。
- 管理画面サイドバーの《スキン編集》をクリック。mob というスキンができているはずなので、適宜自分の好みに合わせて編集する。[HOME]へのリンク先が <%sitevar(url)%>i/ となっているけれども、i/ を消して、PC 用サイトと同じ URL へのリンクにしておく。あと、Powered とか Search とかのスペルミスも修正 :-)
- http://自分のサイトのURL/?skinid=mob をブラウザで開いてみて、意図したとおりの内容になっていることを確認。
- config.php のいちばん最後（?> の直前）に次のコードを挿入する。
if(isset($_SERVER['HTTP_USER_AGENT'])){
if(preg_match("/(DoCoMo|UP\.Browser|J-Phone|Vodafone|SoftBank|J-EMULATOR)/i",$_SERVER['HTTP_USER_AGENT'])) {
selectSkin('mob');
}
}これで、携帯ブラウザからのアクセスのときだけ強制的に mob スキンで表示するようになるはず。
で、できあがり。念のため試しに携帯からアクセスしてみてください。
ちなみに、このスキンのままでは画像とかコメントとかはそぎ落としてあるので表示されません。スキンとテンプレートをいじって適宜拡張すればいいのだけど、まじめに携帯対応するには
NP_MobileWithSinglePage.php とかを併用するんでしょうね。でも、今回の目的は AdSense のテストだから、これでいいや。
携帯コンテンツ向けの AdSense は、AdSense の管理画面の《AdSense設定》から《モバイルコンテンツ向けAdSense》でAdSenseのコードを作成します。マークアップ言語は CHTML、文字エンコードは自動検出か Shift JIS で OK。PHP のコードを作成したら、その中身を adsense.php というファイルに書き込んで、skins/mob ディレクトリにアップロードします。
あとは、mob スキンを編集して、広告を差し込みたい場所に <%phpinclude(adsense.php)%> と記述してください。
モバイルコンテンツ向けの広告は PC からスキン指定したときは表示されませんけど、携帯ブラウザから見ると広告が出ているはず。
