設置方法

ボタンを設置する前に必ずガイドラインをご確認ください。
ボタンを設置した時点でガイドラインに同意したものとみなされます。

ユーザーフロー

LINE Social Pluginボタンのユーザーフローは次の通りです。
  1. LINE Social Pluginボタンを選択
  2. LINEログインでログイン
  3. シェア先を選択(友だちとシェア・タイムラインに投稿)したり、友だち追加、いいねしたりする

LINEで送るボタン

LINEで送るボタンは、Webサイトの情報をLINEの友だちと簡単にシェアできるボタンです。

1. URLを設定

LINEで送るボタンを設置したいWebサイトのURLを入力してください。
URL
ボタン作成時に入力したURLのドメインと、ボタンを設置するWebサイトのドメインが一致しない場合、ボタンは機能しません。

2. ボタンを設定

ボタンタイプ
シェア数
サイズ

3. プレビューを確認してコードをコピー

ボタンのプレビュー
コード
<div>Code</div>
  • 上記のコードをWebページのDOMに追加してください。このコードはDOMContentLoadedイベントで呼び出されます。
  • コードをコピーして、Webページでボタンを表示したい場所にペーストしてください。
  • 1ページに複数の「LINEで送る」ボタンを設置する場合、scriptタグは1回のみ追加してください。

カスタムアイコン

ボタンにカスタムアイコンを使用する場合、下記の例のとおりボタンのリンクを設定してください。
リンクのフォーマット
https://social-plugins.line.me/lineit/share?url={encodeURIComponent(URL)}

(URL:https://line.me/en)
https://social-plugins.line.me/lineit/share?url=https%3A%2F%2Fline.me%2Fen
動的WebサイトでLINEで送るボタンを呼び出す
WebサイトでDOMツリーが構築されてコンテンツが作成されたら、LineIt.loadButton()を呼び出してLINEで送るボタンを有効にしてください。
<script type="text/javascript">LineIt.loadButton();</script>

デザイン

Design Guide
LINEで送るボタンの画像は、下のボタンからダウンロードしたzipファイルを解凍してお使いください。
ダウンロードしたボタン画像は、Retina Display用に2倍のサイズで作られています。

友だち追加ボタン

Webサイトに訪れたユーザーがあなたをLINE友だちに追加できるボタンです。
※友だち追加機能は、LINE公式アカウントまたはLINE@アカウントをお持ちの方のみ利用できます。

LINE IDを入力

LINE公式アカウントやLINE@アカウントのLINE IDを入力してください。
LINE ID

ボタンタイプを選択

友だち数とホームへの移動ボタンを表示 友だち数を表示 友だち追加ボタンのみを表示
ボタンのプレビュー
コード
<div>Code</div>