レスポンシブ ウェブ デザインを使ったマルチスクリーン対応 - FamousBirthdays.com

どのようなウェブ デザインがモバイル サイトに最適なのでしょうか?FamousBirthdays.com を運営する Evan Britton 氏は、2012 年頃から Google とマルチスクリーン戦略を練った結果、レスポンシブ ウェブ デザインを採用して、モバイル サイトを構築しました。

レスポンシブ ウェブ デザインを選んだ理由の中でも、特に決め手となったのが、ユーザーがどのようなデバイスを使っていても常に読みやすくコンテンツを表示できる点でした。画面サイズに合わせた自動調整に加えて、導入後のメンテナンスがほとんど不要なので、スタッフがコンテンツ作成に専念できる点も気に入っています。

レスポンシブ ウェブ デザインを導入する前は、モバイル アクセス数は月間 10 万セッションでしたが、対応後はなんと 200 万セッションを超えています。「モバイル戦略による広告収益の増大には、とてつもない可能性を感じる。レスポンシブ ウェブ デザインでなければ、これほど急速に拡大しなかったと思う。」と語る Britton 氏は、モバイル アクセスが 20 倍に増えたのは、ユーザー エクスペリエンスが格段に向上したことが大きな要因だと考えています。

FamousBirthdays.png

FamousBirthdays.com 成功事例をはじめ、マルチスクリーン対応に成功した他のサイト運営者様の事例をぜひご活用ください。


Posted by Elise Thygesen - Inside AdSense チーム
2014 年 9 月 18 日

時刻 13:04

AdMob メディエーション - nend が「広告ネットワークの最適化」とインタースティシャル(全画面)広告に対応


この度、株式会社ファンコミュニケーションズのスマートフォン向け広告ネットワーク nend が、広告ネットワークの最適化機能に対応しました。また、nend の AdMob メディエーション アダプタで、インタースティシャル(全画面)広告も表示できるようになりました。
1. 「広告ネットワークの最適化」機能への対応
AdMob に加えて nend の広告もメディエーション上で eCPM 値の記入を自動化できるようになり、効率的に広告ネットワークの運用ができます。
  • 無料: 無料で簡単に設定でき、既に nend をご利用になっている場合は SDK の追加・変更も不要です。
  • メンテナンスの手間が不要: AdMob の管理画面からさまざまな広告ネットワークを管理できます。設定した後の管理は自動的に行われるので、アプリの改善など他の作業に専念できます。
  • 収益の高い広告を優先的に配信: その時々で収益性の高い広告ネットワークの掲載順序が動的に優先されます。

導入の手順(詳細はヘルプセンターを参照)
  1. AdMob、nend の両 SDK をアプリに実装する
  2. 従来の AdMob のパブリッシャー ID をアプリ内で使用している場合、新しい AdMob の広告ユニット ID に変更する
  3. AdMob メディエーションの各広告ネットワーク設定画面より nend を選択する
  4. [この広告ネットワークの eCPM を自動的に取得する] チェックボックスをオンにする
  5. nend の各種パラメータ(API Key、Spot ID、Reporting API Key)を入力する

Screen Shot 2014-09-11 at 12.51.50 AM.png


2. インタースティシャル(全画面)広告への対応



Screen Shot 0026-08-01 at 15.38.34.png

インタースティシャル(全画面)広告はパフォーマンスの高い広告フォーマットで、アプリ開発者の皆様と広告主様の双方から人気が出てきています。AdMob メディエーションを通じて AdMob と nend のインタースティシャル広告を同じ枠に掲載し、さらに上記で紹介した「広告ネットワークの最適化」や「AdMob ネットワークの最適化」機能を活用することで、運用に手間をかけることなく、その時時で収益性の高い広告ネットワークを自動的に優先配信することができます。
AdMob に関するお問い合わせは、Google AdMob Ads Developers ヘルプ フォーラム (英語)をご活用ください。また、AdMob Japan Google+ コミュニティでも AdMob やアプリ、広告に関する最新情報やオンライン セミナーを定期的にお届けしています。


Posted by 坂本 達夫 - モバイル ビジネス ストラテジスト
2014 年 9 月 17 日

時刻 12:11

Google サイト運営者向けツールバー: Google アナリティクスのデータが 1 クリックで見られます

広告の効果測定やユーザーに関する分析に役立つ Google サイト運営者向けツールバーGoogle アナリティクスをご利用の皆様にうれしいニュースです。このたび、Google サイト運営者向けツールバーに Google アナリティクスが組み込まれ、1 クリックでアナリティクスのデータを確認できるようになりました。

これまでの広告ブロック機能や、広告パフォーマンスの表示に加えて、さらに最新のユーザー データも同時に見られます。ユーザー属性とトラフィックの参照元に関するデータがあれば、ユーザー拡大戦略を効果的に見直せます。また、ページ解析機能を活用することで、人気の高いページのコンテンツを特定することも可能です。ページを開いた状態から 1 クリックで最新情報を確認できる Google サイト運営者向けツールバーの設定方法は、ヘルプセンターをご参照ください。

Google サイト運営者向けツールバーは、 Chrome ウェブストアでダウンロードしていただけます。また、今回のリリースに関するご意見・ご感想も Google+ コミュニティからぜひお寄せください。




Posted by Araceli Checa - ソフトウェア エンジニア
2014 年 9 月 5 日

時刻 12:58

アジア発 マルチスクリーン成功事例

「実際にマルチスクリーン対応したサイトの話を聞いてみたい。」これは、モバイル戦略を考えているサイト運営者様から最もよく伺う声のひとつです。本日は、アジア発 3 つのサイトのマルチスクリーン対応にまつわるストーリーをご紹介します。対応のきっかけから成功の秘密まで、ぜひご覧ください。

The Japan Times
世界 200 カ国以上の人々が訪れる国内最大級の英文ニュース サイト The Japan Times Online は、幅広い年齢層のユーザーにあらゆる端末からコンテンツにアクセスしてもらうため、レスポンシブ ウェブデザインを使ってマルチスクリーン対応を実現しました。ユーザーの端末に最適化したユーザー エクスペリエンスを提供したことで、ユニーク ユーザー数を +50%、新規訪問数は +30% まで伸ばしました。 >> 詳しくはこちら

「1 つのコードで様々なデバイスに対応でき、直接コンテンツをどのスクリーンサイズでも見られる、という発想が魅力的でした」
マーク・トンプソン氏(株式会社ジャパンタイムズ シニアウェブエディター)
千振 弘光氏(株式会社ジャパンタイムズ デジタル事業部 次長)

香港を拠点に、3,100 万人ものユーザーに無料メッセージ サービスを提供する Zorpia は、1 つのコードで端末ごとにレイアウトだけを変えれば良いレスポンシブ ウェブデザインを導入しました。結果、クリック率が 54%、インプレッション収益(RPM)が 64% 増加し、全体の AdSense の収益を +36% まで増加させました。>> 詳しくはこちら

「レスポンシブ ウェブデザインを導入すれば改善が見込めるとわかってはいましたが、これほどすばらしい成果が上がるとは考えもしませんでした。」
Jeffrey Ng 氏(Zorpia CEO)

ニュージーランド発の今話題のおもしろいトピックをリストにして紹介する Listverse。モバイルからのトラフィックが半分を超えていたため、WordPress のプラグインを導入して、早急にマルチスクリーン対応をしました。結果、インプレッション収益が +50%、ユニーク ユーザー数も +30% 向上させました。>> 詳しくは詳しくはこちら

「マルチスクリーン対応のデザインがもたらした効果は絶大で、そのメリットは計り知れません。」
Jamie Frater 氏、Listverse 創設者兼 CEO

アジア発の成功事例はいかがでしたか?今後も様々な成功事例をマルチスクリーン対応ガイドラインに更新していきますので、ぜひお楽しみに! また引き続きマルチスクリーン フォーラムでも質問を投稿したり、ベスト プラクティスを共有できますので、ご活用ください。


Posted by 藤田 舞子 - Inside AdSense チーム
2014 年 8 月 25 日

時刻 19:28

モバイル サイト設計 25 の指針

あらゆるサイズのデバイスを通じて、ユーザーに最適な閲覧環境を提供することは、長期的にユーザーを増やし、コンテンツを収益化していく上で大変重要なポイントです。これを受けて Google では、119 時間にわたるユーザビリティ テストを行い、モバイル サイト設計 25 の指針25 Mobile Site Design Principles)にまとめました。 

今回は、その中でも特に重要な 7 つのヒントをご紹介します。また、サイト運営者様のニーズに添ったヒントを今後もお届けするため、アンケートにご協力いただけますと幸いです。

1. メニューは短く簡潔に
モバイル ユーザーは、長いメニューをスクロールしないと目的の項目にたどり着けないサイトは好みません。メニュー項目はできるだけ簡潔にしましょう。
2014-07-31_15-36-49.png

2. トップページには簡単に戻れるように
今回の調査で、ページ最上部のロゴをタップしてホーム ページに戻ろうとするユーザーが多く見られました。ユーザーがすぐにトップ ページに戻れる導線を意識しましょう。
2014-07-31_15-37-38.png

3. すぐに目につく場所にサイト内検索を設置 
サイトでの目的がはっきりしているユーザーほど検索を利用します。モバイル ユーザーが最初に探す機能の 1 つが検索です。今回、調査対象ユーザーから最も良い反応が得られたのは、ページ最上部にはっきりと表示されたオープン テキスト形式の検索ボックスでした。
2014-07-31_15-38-52.png

4. シンプルな入力方法を提供する
サイトでユーザーに情報を入力してもらう場合、できるだけユーザーの負担を減らす方法を考えましょう。選択肢が少ない場合は、大きいアイコンをタップするだけで済むように、選択肢が多い場合は、プルダウンが最も簡単です。日にちを選ばせる場合には、カレンダーを表示しましょう。

5. 拡大・縮小いらずで見やすく表示
多くの調査対象ユーザーは、画面を拡大または縮小しなければならない時に不満を感じ、この操作により重要なメッセージを見逃してしまいました。ユーザーがコンテンツのサイズを変更しなくてすむようにモバイル サイトを設計しましょう。一部のモバイル サイトは、画面上で拡大縮小を行えないようにしていました。
2014-07-31_15-44-32.png

6. 最適な画面の向きを知らせる
小さい文字を読んだり、動画を観るなど、何かきっかけがない限り、調査対象ユーザーは常に同じ向きで画面を表示する傾向があります。横向きと縦向きの両方に対応できるサイトを設計するか、最適な画面の向きをユーザーに知らせてください。
2014-07-31_15-45-10.png

7. 別のウィンドウに移動させない
モバイルではウィンドウの切り替えが面倒なので、ユーザーがサイトに戻ってこないリスクが高くなります。次のページに進んだり、コンテンツの内容が変わっても、同じウィンドウ内で表示する工夫をしましょう。

ご紹介した全てのヒントに共通しているのは、「モバイル ユーザーは目的がはっきりしている」という点です。モバイル ユーザーがモバイル サイトに求めるのは、目的のコンテンツやサービスをすぐ、簡単に、思いどおりの方法で手に入れること。コンテンツの魅力を損なうことなく、モバイル ユーザーの状況やニーズを考慮してサイトを設計することが成功の秘訣です。

7 つのヒントはお役に立ちましたか?アンケートよりご意見・ご感想をぜひお寄せください。


Posted by 藤田 舞子 - Inside AdSense チーム
2014 年 8 月 7 日




時刻 16:00

マルチスクリーン対応をするべき 3 つの事実

Google では、マルチスクリーン対応の重要性について、マルチスクリーン対応ガイドラインブログ記事でご紹介してきました。今回は、改めて日本のマーケットやユーザーのデータに焦点を当て、サイト運営者様の 2014 年後半のマルチスクリーン戦略について考えていきます。

1. アメリカより大きな日本のモバイル ウェブ ディスプレイ広告市場
desktop & tablet market.png
mobile web market.png
デスクトップ & タブレット v.s. モバイル ウェブ ディスプレイ広告市場*

デスクトップ & タブレット ディスプレイ広告マーケットの大きさを見てみると、やはりアメリカが世界最大のマーケットです。しかし、モバイル ウェブ ディスプレイ広告マーケットでは、日本とアメリカが逆転し、日本が最大のマーケットになります。広告主の出稿も、徐々にモバイルへとシフトしています。

2. マルチスクリーン対応サイトの AdSense 収益年間成長率は 87%
2014-07-29_17-09-31.png
デスクトップのみ対応サイト v.s. マルチスクリーン対応サイトの AdSense 収益年間成長率**

マルチスクリーンに対応しているサイト運営者様は、平均 87% の割合で AdSense 収益が成長しているのに対し、対応していないサイト運営者様の年間収益成長率は平均 7% にとどまっています。広告出稿トレンドのシフトに伴い、収益の成長率にも差が出始めています。

3. スピーディーで使いやすいサイトを好む日本のユーザー
2014-07-29_17-10-24.png
各国のユーザーのサイトでの行動比較***

日本のユーザーの行動をデータで見てみると、次のような特徴があります。

  • 訪問あたりのページ ビュー数が少ない
  • 直帰率(ページを訪れてすぐに離脱してしまうユーザーの割合)が低い
  • サイト滞在時間が短い

日本のユーザーは効率的なユーザー  エクスペリエンスを好む傾向があると言えます。このデータは、日本でまとめサイトが流行る背景ともつながります。ユーザーが効率的にサイトを使えるように工夫することが、成功の鍵かもしれません。

マルチスクリーン戦略を考える上で、マーケットやユーザーのデータは重要な判断材料となります。ぜひご自身のサイトのデータと照らしあわせてみてましょう。次回は、最新のモバイル サイト設計ベスト プラクティスをご紹介します。お楽しみに!

*出典:  Google 内部データ
**出典:  Google 内部データ

Posted by 藤田 舞子 - Inside AdSense チーム
2014 年 8 月 5 日

時刻 16:00

重要なお知らせ:新しい AdMob へのアップグレードを 2014 年 8 月 31 日までに完了してください - 残り 1 ヶ月

2014 年 8 月 31 日までに新しい AdMob へのアップグレードを行わないと、従来の AdMob アカウントでの広告表示、また管理画面へのログインができなくなります。今すぐ新しい AdMob にアップグレードしてください。

新しい AdMob へのアップグレードは通常 5 分以内に完了し、SDK 等アプリ側での変更は不要です。従来の AdMob アカウントに未払いの収益が残っており、お支払い基準額に達していない場合でも、新しい AdMob へのアップグレードを行えばお支払いスケジュール通りにお支払いされますのでご安心ください。

新しい AdMob にアップグレードする


  1. アカウントにログインし、右上の [新しい AdMob へのアップグレードについて] ボタンをクリックします。

  1. 既に従来の AdMob で使用している Google アカウントで、新しい AdMob アカウントに申し込みます。*

  1. データのアップグレードをするため、[インポートを開始] ボタンをクリックします。
2014-07-29_13-23-27.png

  1. データのアップグレードには通常数分かかり、完了時にはログインしたアカウントにメールが届きます。
  2. データのアップグレードが完了すると、新しい AdMob の管理画面に、アップグレードされた項目が表示されますので、ご確認ください。
  3. アプリに記載されている広告ユニット ID (従来の AdMob におけるパブリッシャー ID)を、新しい広告ユニット ID に変更します。**
  4. お支払い設定をするため、銀行口座の情報を記入します

*使用するアカウントの状況によって、対応が異なります。

a) 従来の AdMob で使用している Google アカウントと同じアカウントで AdSense もしくは AdWords アカウントをお持ちの場合: 
個人・ビジネス情報が正しいことを再度ご確認ください。同じ情報を新しい AdMob アカウントでも使用します。

b) 従来の AdMob で使用している Google アカウントとは別の Google アカウントで AdSense もしくは AdWords アカウントをお持ちの場合:
AdMob でリンクさせている Google アカウントを変更してから、アップグレートを開始してください。

c) にお持ちの AdSense もしくは AdWords アカウントを使いたくない場合:
AdSense もしくは AdWords アカウントを閉鎖の上、アップグレードの際に新しい従来の AdMob で使用している Google アカウントで新しく作成してください。

**広告ユニット ID の更新については、ブログ記事で詳しく説明しています。


よくある質問集新しい AdMob での新機能・変更点は、ヘルプセンターでぜひご確認ください。2014 年 8 月 31 日までに必ずアップグレードしていただくよう、ご協力お願いします。



Posted by 藤田 舞子 - Inside AdSense チーム
2014 年 8 月 1 日

時刻 11:59