設置方法

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

ユーザーフロー

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

LINEで送るボタン

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

ボタンタイプを選択

URLの入力

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

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

次のコードをWebサイトのDOMに追加してください。このコードはDOMContentLoadedイベントで呼び出されます。
ボタンのプレビュー
コード
`
<div>Code</div>
表示されているコードをコピーして、Webサイトの表示したい場所に張り付けてください。
1ページに複数のLINEで送るボタンを設置する場合、1行目のscriptタグの記述は1回だけで大丈夫です。
動的WebサイトでLINEで送るボタンを呼び出す
WebサイトでDOMツリーが構築されてコンテンツが作成されたら、LineIt.loadButton()を呼び出してLINEで送るボタンを有効にしてください。
<script type="text/javascript">LineIt.loadButton();</script>

デザイン

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

友だち追加ボタン

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

LINE IDを入力

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

ボタンタイプを選択

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