「LINEで送る」ボタンの設置方法ページ上部にあるjsタグをコピペする方法が一番楽なのだが、この方法だと、ページ内idへのアンカーリンクなどは送れない。
LINEで送るURLのカスタマイズ
送るURLを変更するためには、
http://line.me/R/msg/text/?<CONTENT KEY>
の書式でリンクを書く。
<CONTENT KEY>の部分は、
・LINEで送りたいテキスト
・改行
・URL
の3つを、utf-8でエンコードして入れる。
注意点
・改行のエスケープ文字（%0d%0a）を入れ忘れない
・utf-8でエンコードする
・text/?以下に、「<」や「”」をつける必要は無い
具体例
・「LINEで送る」ボタン画像を、ここからダウンロードしておく
・ボタン画像を、自分のサーバーに載せておく（今回はhttps://www.miyasaka.info/wp-content/uploads/2015/08/linebutton_82x20.pngに保存した）
・LINEで送りたいテキストは「見て！」
・テキストをエンコードする。「見て！」→「%e8%a6%8b%e3%81%a6%ef%bc%81」
・URLは「https://www.miyasaka.info/blog/1317.html#sample」
・URLをエンコードする。「https://www.miyasaka.info/blog/1317.html#sample」→「http%3a%2f%2fwww%2emiyasaka%2einfo%2fblog%2f1317%2ehtml%23sample」
・テキスト+改行（%0d%0a）+URLは「%e8%a6%8b%e3%81%a6%ef%bc%81%0d%0ahttp%3a%2f%2fwww%2emiyasaka%2einfo%2fblog%2f1317%2ehtml%23sample」となる
・リンク用のコードはこんな感じ。
<a href=”http://line.me/R/msg/text/?%e8%a6%8b%e3%81%a6%ef%bc%81%0d%0ahttp%3a%2f%2fwww%2emiyasaka%2einfo%2fblog%2f1317%2ehtml%23sample”><img src=”https://www.miyasaka.info/wp-content/uploads/2015/08/linebutton_82x20.png” alt=”LINEで送る” width=”82″ height=”20″ /></a>
・実際のボタンはこんな感じ。
