サイト内検索:

iPhoneでWebアプリのホーム画面登録を促す「Mobile Bookmark Bubble」 を使ってみた。

MOONGIFTさんで紹介されていたんですが、面白そうなので使ってみました。

MOONGIFT : iPhone/iPadでホームボタン誘導「Mobile Bookmark Bubble」

Mobile Bookmark BubbleはSafariでWebサイトを表示した時に、ホームボタンに追加するように促すフローティングウィンドウが表示される。ちょうどホームボタン追加ボタンの上に表示されるので、指示された通りにボタンを押せばホーム画面上にアプリ風に追加される。

ということで、私が作ったiPhone用のToDoMailのWebアプリに組み込んでみました。こんな感じでホーム画面登録を促すウィンドウがロード後ちょっとしてから下からぬるぬると登場してきます。

20100917-todomail.jpg

使い方はとても簡単で、Google Codeに登録されているプロジェクトをダウンロードして、そこからbookmark_bubble.jsとexample.jsをscriptタグで読み込んであげて、あとは使うページと同列に配置したimagesという名前のディレクトリ(フォルダ)にダウンロードしてきたpngファイルを置いておくだけです。

あ、でも標準だとメッセージが英語なのでそこは適宜日本語にしてあげないといけません。bookmark_bubble.jsの470行目に、

// The "Add to Home Screen" text is intended to be the exact same size text // that is displayed in the menu of Mobile Safari on iPhone.

というコメントがあるんですが、その下の「bubbleInner.innerHTML =」以下を日本語にしてあげればOKです。

これは便利でいいな。

blog comments powered by Disqus

2011年アルファブロガー受賞

新着DVD

モバイル

Powered by Movable Type 6.1.2

ブログ内検索

BlogPeople ReviewMe!

このサイトのレビューとか応援コメントを書いてもらえると励みになります。

Affi☆List for Amazon

バナー広告

このブログ記事について

このページは、nagasawaが2010年9月17日 18:57に書いたブログ記事です。

ひとつ前のブログ記事は「聖なる夜に使徒襲来:ヱヴァンゲリヲンケーキ、28日から予約受付開始」です。

次のブログ記事は「9月18日のラッキーさん」です。

最近のコンテンツはインデックスページで見られます。過去に書かれたものはアーカイブのページで見られます。