ブログ

フリーランスとして働くWebデザイナーの備忘録・メモ

スマホ版ランディングページでのお気に入り追加の代わりに「ホーム画面に追加」を促す

その昔サイトには必ずと言っていいほど
「お気に入りに追加」ボタンがあった時代がありました・・・(遠い目)

今はすっかり見かけなくなってしまいましたが・・・
需要があるようです、というお話。

LP作成のお仕事の際に、スマホでの対応に非常に困りました。
PC版の「お気に入りに追加」の挙動については、
検証が必要なもののいくつか対応の記事をみつけることができましたが
スマホに至っては皆無。ムリっぽいのです。

しかし、管理者様はつけたい模様。
スマホからのアクセスが多く、ブックマークする習慣がない人でも、
思い出した際に再訪してもらうために(そういう商品デス)
お気に入りに入れてもらう機能が欲しいとのことでした。

探しました。探して探して、なかった。
ただ、お気に入り追加というか、
ブックマークを促す方法はあるようです。
それが、「スマートフォンサイトでiPhone,iPadの「ホーム画面に追加」を促す」というものです。
記事が紹介されていましたので、以下サイトを参考にやってみました。

「iPhoneの「ホーム画面追加」を促す」「Agnist.code」様

ちなみに「3. コメントを変える」「5. スタイルを変える」は
「bookmark_bubble.js」を触ります。
初め、どのファイルのことなんだか一瞬迷ってしまいました・・・。

他サイトですが、検証段階でバルーンが消えてしまった際には
以下が有効ではないかと思います。
GoogleのMobileBookmarkBubbleでバルーンが出なくなった時にリセットする方法

ちなみにこれもお役に立つかも。
「ホーム画面に追加」のアイコン画像を指定」「Web担」様