htmlでブラウザーからSNSアプリを立ち上げる

フェイスブック、ライン、ツイッターアプリをブラウザーから立ち上げる

仕事で作っていた営業用SFAに、『追加でSNSボタンのリンクを貼れ』との指令。

備忘録として書いておく。

SFAっていっても裏のシステムがまだ動いていないので、今は単なるハイパーリンク集。。

 

まぁ特定アプリのこのページを表示!とかじゃないからすっげ簡単にやっちゃいました。

用途としてはios(ipadとiphone)でSFAからのページ移行を極限まで減らしたい。

営業がすんなりSNSでお客さまとつながれるようにとか、つながる意識付けの為に自分のページに移行しやすいようにとか・・・。

だから他の用途としてどんな風に使うかは知ったこっちゃない。笑 スマソ。

 

htmlに記入するのみでOK。

a要素のhref属性に記入します。

 

twitterの場合
<a href=”twitter://”><img src=”アイコン画像”></a>

facebookの場合
<a href=”fb://”><img src=”アイコン画像”></a>

lineの場合
<a href=”line://”><img src=”アイコン画像”></a>

 

おしまい。

 

URLスキーム(URIScheme)というものを利用し、http://の代わりに、各アプリのスキームを入れるだけ。

『ここのページをラインで送る』なんてことをやりたい人はラインの公式ページにやり方書いてあるし、fbのシェアボタンしかり、ツイッターしかり・・・

ただ単にアプリを立ち上げ方でした。

ちなみにiPhone、iPadに各アプリが入っていない場合は、

「ページを開けません。アドレスが無効です。」とメッセージが出ます。

これも営業さんたちは100%アプリをダウンロードしているとのことなので、対策していません。

 

アプリがない場合はブラウザでSNSを起動するという対策される場合、Androidでの起動は、きっとjavascriptを利用しないとダメなんでしょう。

Android対応しないといけない場合の時等にでも追加します。