LINEの送るボタンを設置する方法

LINEの送るボタンをWebサイトに設置する方法を紹介します。

送るボタンを設置する方法
  1. 送るボタンの設置方法
  2. 独自アイコンを利用する場合

送るボタンの設置方法

LINEの送るボタンを作成するときはhttps://media.line.me/howto/ja/にアクセスし設置するボタンを選択します。
line_cap

後は、コードをコピーして貼り付けるだけで完了です。

※デフォルトでPCでは非表示となっているため、PCで表示する場合は以下を変更します

変更前
new media_line_me.LineButton({"pc":false,"lang":"ja","type":"e"});
変更後
new media_line_me.LineButton({"pc":true,"lang":"ja","type":"e"});

これでLINEのボタンが表示されます。

※LINEが入っていない場合はLINEのホームページに遷移します




独自アイコンを利用する場合

独自アイコンを使用して表示する場合は、aタグを利用して設定を行います。

http://line.me/R/msg/<CONTENT TYPE>/?<CONTENT KEY>
属性
CONTENT TYPE送信する情報のタイプ。文字[text] 画像[image]
CONTENT KEY送信内容。UTF-8の変換が必要
利用方法
<a href="http://line.me/R/msg/【text または image】/?【送信する内容】"><img src="【ボタン画像】" /></a>

実際に設置したものがこちらになります。アイコンについてはこちらを参考にしてください。

UTF-8への変換にはこちらのツール「URLエンコード・デコードフォーム」が便利です。

divider

Trackback URL

http://webnonotes.com/web/line/trackback/

No Comments Yet

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>