「LINEで送る」ボタンを設置する

harada 408views 更新:2016年7月19日

「LINEで送る」ボタンは現在以下の2種類が用意されています。
用途によって使い分けるのがいいかと思います。

基本的には公式ページのコードをそのまま入れるのみで表示されます。
設置方法|LINEで送るボタン

<span>
<script type="text/javascript" src="//media.line.me/js/line-button.js?v=20140411" ></script>
<script type="text/javascript">
new media_line_me.LineButton({"pc":false,"lang":"ja","type":"a"});
</script>
</span>

または

<a href="http://line.me/R/msg/text/?LINE%E3%81%A7%E9%80%81%E3%82%8B%0D%0Ahttp%3A%2F%2Fline.me%2F">LINEで送る</a>

%0D%0Aが改行コードのようです。

こちらはスマホのみでしか表示されませんが、指定されたガイドラインを利用すれば比較的自由な形式で設置できるメリットがあります。
送信する内容も自由に設定できます。

以下の最新「LINE it!」という形式のボタンは、PCでも表示できます。
Using the “LINE it!” button on websites

<div class="line-it-button" style="display: none;" data-type="share-a" data-lang="ja"></div>
<script src="//scdn.line-apps.com/n/line_it/thirdparty/loader.min.js" async="async" defer="defer"></script>

ただしまだ英語のドキュメントしか無く、あまり自由が効かないようです。

参考:Webサイト公開時の設定諸々(SNSシェア、解析タグ、公開後 etc)

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません