5分!LINE送るボタンをスマホサイトに設置する方法!


昨年1年でサービス開始からユーザー数を世界で8,000万人に延ばした驚異的サービス「LINE」から送るボタンが登場しましたので、早速スマホサイトに設置してみました。5分位で簡単に出来ちゃうので是非試して下さい。

LINE送るボタンをダウンロード

リンク先サイト最下部に画像ダウンロードボタンがあります。

ダウンロードしたLINE送るボタンを解凍してアップロード

※サイズが気に入らない場合は自分でサイズ変更しちゃいましょう!

LINE送るボタンのコードを記述して終了

・WEBサイト

<a href="http://line.naver.jp/R/msg/text/?LINE%E3%81%A7%E9%80%81%E3%82%8B%0D%0Ahttp%3A%2F%2Fline.naver.jp%2F"><img src="[ボタン画像のURL]" width="[ボタン幅]" height="[ボタン高さ]" alt="LINEで送る" /></a>

・WordPress

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

※URLや画像の高さ、幅などは自身のサイトにあった値でご記入下さい。

LINE送るボタンを設置したスマホサイト

▼スマホサイトLINE送るボタン設置例 


▼スマホサイトLINE送るボタンを押すとポップアップが表示されます。

現在提供されているのは、スマホ用のWEBサイトやアプリのみでPC用でも試して見ましたが送るボタンを押してもLINEのトップページへ飛ぶだけとなっていました。いずれ、対応されるとは思いますのでPC用はその時にでもご紹介します。



Fatal error: Uncaught Error: Call to undefined function related_posts() in /home/ikhowte/777news.biz/public_html/n/wp-content/themes/777news/single.php:71 Stack trace: #0 /home/ikhowte/777news.biz/public_html/n/wp-includes/template-loader.php(106): include() #1 /home/ikhowte/777news.biz/public_html/n/wp-blog-header.php(19): require_once('/home/ikhowte/7...') #2 /home/ikhowte/777news.biz/public_html/n/index.php(17): require('/home/ikhowte/7...') #3 {main} thrown in /home/ikhowte/777news.biz/public_html/n/wp-content/themes/777news/single.php on line 71