share

あむちょです。

ホームページにLineで送るボタンをつけてみました。

スマホ専用サイトを新しく用意したので、今はやりのLineにあやかって、タイムラインに投稿するボタンを設置してみました。上の画像をスマートフォンから押せばLineが起動するはず。

スマホ専用サイトのユーザーエイジェントによる振り分けは.htaccessでやりました。サーバーによっては多少書き方がかわるけどこんなかんじで

<br />
RewriteEngine On</p>
<p># SmartPhone<br />
RewriteCond %{HTTP_USER_AGENT} (iPhone|iPod|Android|BlackBerry|Windows.*Phone) [NC]<br />
RewriteRule ^(|index.html)$ http://fieldwalking.jp/sp/index.html [R]<br />

これでスマートフォンからtopページにアクセスした時に、スマホ専用の/sp/index.htmlに飛びます。

Lineボタンの設置方法は

<br />
&lt;a href=&quot;http://line.naver.jp/R/msg/text/?投稿する文字列&quot;&gt;<br />
	&lt;img src=&quot;画像のパス&quot; alt=&quot;LINEで送る&quot;/&gt;<br />
&lt;/a&gt;<br />

これだけ、かなり簡単です。画像は公式サイトで配布してます。

ただ投稿する文字列はUTF-8でURLエンコードする必要があります。以下のサイトで変換できます。

Web便利ツール/URLエンコード・デコードフォーム – TAG index Webサイト

とりあえず、ためしにボタンを押してみたらどうだろうか…

　[ad]