設置方法

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

LINEで送るボタンとは

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


ユーザーフロー

「LINEで送る」ボタンのユーザーフローは次の通りです。

  • 1.「LINEで送る」ボタンをタップ
  • 2.  LINEログインでログイン
  • 3.  シェア先を選択(友だちとシェアしたりタイムラインに投稿したりできます)

スマートフォンサイトへの設置方法

1.ボタンのタイプを選択

2.プレビューを確認して、コードをコピー。

次のコードをWebサイトのDOMに追加してください。このコードはDOMContentLoadedイベントで呼び出されます。

ボタンプレビュー コード

表示されているコードをコピーして、あなたのWebサイトの表示したい場所に張り付けてください。
1ページ中に複数のLINEで送るボタンを設置する場合、1行目のscriptタグの記述は1回だけで大丈夫です。

URLは「LINEで送る」ボタンを呼び出した場所に自動的に設定されます。
例: WebサイトのURLがhttps://example.comで、「LINEで送る」ボタン機能をhttps://example.com/test.htmlで呼び出した場合、「LINEで送る」ボタンはhttps://example.com/test.htmlにリンクされます。

動的Webサイトで「LINEで送る」ボタンを呼び出す

DOMツリーが構築されてからコンテンツが作成されたWebサイトでは、LineIt.loadButton()を呼び出して「LINEで送る」ボタンを有効にしてください。

<script type="text/javascript"> LineIt.loadButton(); </script>

技術仕様

次の書式でリクエストを送信することでLINEで送るボタンをWebサイトまたはアプリに実装できます。

1.書式1

タップ後、Webブラウザが表示されます。
LINEアプリがインストールされていれば、そのままLINEアプリが起動します。

http://line.me/R/msg/<CONTENT TYPE>/?<CONTENT KEY>
パラメータ名 パラメータ値 説明
<CONTENT TYPE> text テキスト情報を送るときに指定します。
<CONTENT KEY> [任意の値] パーセントエンコーディング(utf-8)したテキスト情報の値を指定します。
原則、ページタイトル、ページURLの指定が可能です。
ページに関係ない情報の指定はガイドラインで禁止されています。

2.書式2

タップ後、LINEアプリをダイレクトに起動します。
LINEアプリがインストールされていないと何も起動しません。
iOS7では画像送信をサポートしていません。

line://msg/<CONTENT TYPE>/<CONTENT KEY>
パラメータ名 パラメータ値 説明
<CONTENT TYPE> text テキスト情報を送るときに指定します。
image 画像を送るときに指定します。
  • ※iPhoneの場合、アプリからのみ画像を送信できます。アプリからのパラメータ設定方法は、下の<CONTENT KEY>の説明を参照ください。
  • ※Androidの場合、イメージはローカルファイルになります。パラメータ設定方法は、下の<CONTENT KEY>の説明を参照ください。
<CONTENT KEY> [任意の値] パーセントエンコーディング(utf-8)したテキスト情報の値を指定します。
原則、ページタイトル、ページURLの指定が可能です。
  • ※iPhoneアプリから画像を送信する場合、Pasteboardに画像を添付し、line://msg/image/(PasteboardName)の形式でPasteboardNameを設定して送信してください。
  • ※Androidから画像を送信する場合、line://msg/image/(localfilepath)の形式で、LINE側から読み取り可能なローカルファイルのイメージのパスを指定してして下さい。
  • ※ページに関係ない情報の指定はガイドラインで禁止されています。

3.記述例

送信する文字列 : LINEで送る http://line.me/

Webサイトの場合

<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"><img src="[ボタン画像のURL]" width="[ボタン幅]" height="[ボタン高さ]" alt="LINEで送る" /></a>

WordPressのテンプレートに記述する場合

<a href="http://line.me/R/msg/text/?<?php the_title(); ?>%0D%0A<?php the_permalink(); ?>"><img src="[ボタン画像のURL]" width="[ボタン幅]" height="[ボタン高さ]" alt="LINEで送る" /></a>

4.デザイン

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

ボタン画像をダウンロード