携帯サイトを作ってみた(2)

Googleモバイルコンテンツ向けアドセンスを設置する
前記事「携帯サイトを作ってみた(1)」で書いたように、Googleモバイル向けアドセンスのコード設置は、web制作初心者にはかなり敷居が高い。ヘルプを読んでもわからない。
→AdSenseヘルプセンターホーム > プロダクトと機能 > モバイルコンテンツ向けAdSense

モバイル コンテンツ向け AdSense では、下記の 3 種類のマークアップ言語のいずれかをご利用いただけます。
WML (WAP 1.x.)
XHTML (WAP 2.0)
CHTML (i モードなど)
現在ご利用のマークアップ言語が不明な場合、調べる方法についてはこちらをご覧ください。

ふつうはこれを読んでもさっぱり理解できずに諦める。しかしこの段階で諦めたら何事も先には進まない。更に調べまくると、どうやらHTMLファイルの拡張子を「.php」にし、PHP用コードを取得してペーストすればいいらしい。なぁんだ、それなら簡単ではないか。
参考→ケータイアドセンスの貼り方 - 携帯アドセンス

また再度AdSenseヘルプフォーラムのなかを探したら、質問者に懇切丁寧に回答しているスレッドが見つかった。まさに探している情報！
→ディスカッション > AdSenseの基本 > モバイルアドセンスの設置について

この方法で成功するなら万々歳なのだが…。私の場合は、その前に判断を迫られる問題があった。

携帯サイトを付設したい独自ドメインのサイトをアップしているレンタルサーバー、さくらインターネットのライトプランでは「php」は使用禁止だったのだ。それに対して、もうひとつの独自ドメインサイトのために借りているロリポップのサーバーは「php」もＯＫ。さてどうするか…。とりあえずテストファイルをロリポップにアップして、Googleモバイルアドセンスが設置できるのかどうかを確認することにした。結果は成功だった。48時間以内に表示ということだが、翌日には表示されていた。

背に腹は代えられず、携帯サイトはロリポップ（下層フォルダで管理）で運営していく決断をした。携帯画面にはアドレスバーがないので、ドメインが違うことや長いアドレスも目立たないのが幸い（笑） 将来的にドメインの違いが問題になるかもしれないが、それはそのときに対処（レンタルサーバーの借り換えとか、契約プランのアップとか）することにした。すぐさまau用ページ、ソフトバンク用ページにもアドセンスコードを貼り、phpファイルにしてアップ。キャリア振り分け用の「.htaccess」も設置。

シミュレーションソフト「P1エミュレータ」
さて次の段階。ケータイでの表示画面をシミュレーションするツールが必要である。特に実機で確認できない「au」「ソフトバンク」の場合は、ホームページビルダーのバージョンが最新でないために、プレビュー機能もあまり役に立たないからだ。ソフトバンク携帯電話向けの「ウェブコンテンツヴューア」（HTMLの作成機能あり）をダウンロードしてしまった後で、もっと高機能なシミュレーションソフトを発見。なんとマルチキャリア対応！
『DoCoMo/SoftBank/au の3キャリアあわせて、500以上の端末情報をプリインストール』
→ケータイマルチキャリア高機能テスター - P1エミュレータ
名前とメールアドレスを登録してライセンスキーを発行してもらわなければならない。β版。また機種の設定変更後が少し重い。しかしそれらを割り引いても、かなり高機能で便利なツールであることは間違いない。

早速使ってみた。エラーチェックでかなりタグのエラーが出てめげる（エラーチェック設定はデフォルトのまま）。修正は後回しにしてシミュレーションをすると、最近の機種だったらiモード用に作成したページで「au」でも「ソフトバンク」でも見られるのだった。それどころかホームページビルダーでau用に変換したページがP1エミュレータの「au」のシミュレーションをすると、エラーページになってしまう。「ソフトバンク」用のページはわざわざ変換したPING画像が表示されない。どうなっているんだ？

よくわからないが、ホームページビルダーのバージョンが古いため、新しいケータイキャリア向けではないHTML生成をしているのかもしれない。画像形式に関しては、最近の機種どのキャリアでもJPEGとGIFに対応しているし、とにかくiモード用に作成したページで新しい機種ならドコモでもauもソフトバンクでも見られるし、モバイルアドセンスも表示できるということらしい（たぶん…）。

P1エミュレータのシミュレーション画面
電話機のボタンも有効。左側画面に「全画面」を表示させることもできる。

P1エミュレータのシミュレーション画面１

P1エミュレータのシミュレーション画面２

ということで、キャリア振り分けはしないことにした。古い機種でアクセスしてくださると、申し訳ないのだが。

いろいろ試行錯誤して作った携帯サイトも、見てもらわなくては甲斐がない。アドセンスが目的ではないが、プレビューされなければわざわざ貼った意味がなく、そもそもアドセンスの一番の目的…更新のモチベーションにもならない。サイトがあることを知ってもらうには携帯サイト用検索エンジンのカテゴリー登録が一番効果があるだろう。しかし今はまず、時間を掛けてコンテンツを充実させていき、ある程度のアクセスがあるのなら登録しようかと思っている。

「とにかく作った」←今はまだこの段階だが、実はこれが重要なのだ。

※よろしかったらご覧下さい。動作や表示の不具合を教えて下さる奇特な方をお待ちしています。なおパソコンからの閲覧はできないようにしてあります。アクセスは左のQRコードで。

Comments

へ〜〜〜すごいの作りましたね。
なんのことだか、さっぱり解りません＾＾；；；

マーマレードのことから携帯サイトを
立ち上げるなんて、気がきいていますよね。
私のブログも携帯から、、という人いるようだけど
完全に無視しちゃってます。。。

Posted by いく＠しずおか at 2008年05月17日 20:19

サイト自体はすごくもないですけど（笑）
デザインも凝った作りじゃなくシンプルにしてありますし。
いずれは多少は絵文字も使おうかと思いますが。

無料ブログサービスのブログが各社の携帯で難なく見られることって
実はものすごいことだと思うのです。
だから携帯サイトでも、一部でブログを利用させてもらってます。

そんな遠くない将来、私は今ほどパソコンでのネットができなくなるかも。
たとえば親の介護で忙しくなるとか。
そんなときでも電車での移動中はヒマ。
ということから、ケータイネットの可能性を考えるようになったのです。

また忙しくなったらネットコミュニケーションはツイッターだけで。
その頃には携帯から投稿できるようになっているでしょう。

それにしても、肝心の携帯サイトのアクセスがさみしい…（笑）

Posted by Masako at 2008年05月17日 23:17

を〜い(^.^)/~~~

Posted by つかさ at 2008年06月11日 23:39

＞つかささん
は〜い！（笑）

更新もせず惰眠をむさぼっていたら、起こしに来てくれたんですね。
…ハイ、わかってま〜す（笑）

催促に応え、かつリハビリ的に
ATOKの小ネタをアップしようかと思いつつ
やはり気が乗らないなあ…どうしたものか(^^；

Posted by Masako at 2008年06月12日 17:14

※コメント欄を利用してのご連絡失礼いたします

始めまして、アドバタフライ事務局担当の真弓と申します。

アドバタフライとは、あなたのブログにふさわしい広告主とのマッチングを行い広告配信を行うシステムです。

あなたのブログに広告スペースを設置していただくことで、あなたのブログへ広告掲載を希望する広告主があれば、掲載オファーが入ります。

ブログを拝見しまして、ご登録いただけないかと思い、コンタクトさせていただきました。

「Flash広告・スクエア（180x180）」の広告スペースをご登録いただければ
動画配信の対象となる可能性があります。登録は無料です。
この機会に、ご登録お願い申し上げます。
http://welcome.adbutterfly.com/p/82553

アドバタフライ事務局　
お問い合わせ　[e-mail]
http://www.adbutterfly.com/

Posted by アドバタフライ事務局 at 2008年06月23日 16:10