如何在網頁上增加 LINE 按鈕,傳送及分享文章


在網頁上增加 LINE 按鈕,傳送及分享文章
在網頁上增加 LINE 按鈕,傳送及分享文章


想在自己的網站中或是wordpress部落格中增加一個分享到LINE的按鈕嗎?
讓我們繼續看下去!

在網頁放入LINE的按鈕,讓讀者可以分享文章給多位好友,或是傳送至群組聊天室和個人主頁中要怎麼做呢?

LINE官方提供的API方式
http://media.line.me/zh-hant/

LINE按鈕設置方法

「用LINE傳送」鍵提供將行動網站或應用程式內的資訊簡單傳送至LINE上共享的功能。

使用流程

「用LINE傳送」鍵的設計理念為讓LINE用戶依需向好友輕鬆分享各式資訊。
本按鍵的使用流程如下:

1. 用戶點選「用LINE傳送」鍵
2. 如果LINE已安裝,LINE則會自動啟動,並讓用戶選擇分享至哪個場所

(1) 聊天室:可與一位或多位好友分享,或是傳送至群組聊天室內。
(2) 主頁:用戶點選位於選單畫面右上方的按鍵後,即可將訊息傳送至LINE的主頁。
主頁的內容將顯示在LINE的動態消息,所有的LINE好友皆能看見。

程式碼

說明 一般網頁使用網頁標題及網址
按鍵預覽 程式碼
<span>
<script type="text/javascript" src="//media.line.me/js/line-button.js?v=20140411" ></script>
<script type="text/javascript">
new media_line_me.LineButton({"pc":false,"lang":"zh-hant","type":"d"});
</script>
</span>
 
說明 自訂網址
按鍵預覽 程式碼
<span>
<script type="text/javascript" src="//media.line.me/js/line-button.js?v=20140411" ></script>
<script type="text/javascript">
new media_line_me.LineButton({"pc":false,"lang":"zh-hant","type":"d","text":"http://你的網址放這裡","withUrl":true});
</script>
</span>
 
說明 傳送的文字內容: 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>

登入LINE
成功啦,使用網頁版登入LINE的畫面。



為什麼放網頁結果沒跳出出現LINE?

於用戶點選後,LINE將立即啟動。
若LINE未安裝,則不會啟動應用程式。
在iOS7的作業系統內將不支援圖片傳送。

常見問題

  • 我可以在個人電腦和功能型手機上設置用LINE傳送的按鍵嗎?
    若您將按鍵設置在iOS、Android以外的行動裝置上時,點選按鍵後,將會直接連結至LINE的官方網站。
    請將按鍵設置在iOS和Android用的網站上。
  • 用LINE傳送的按鍵能傳送什麼樣的資訊呢?有支援影像或聲音的檔案形式嗎?
    目前本按鍵僅供傳送文字內容。
    尚未支援圖片、影像或聲音檔。
  • 我能否使用自行設計的按鈕來代替用LINE傳送鍵的按鈕?
    您只能使用本公司提供按鍵設計。
    按鍵設計可自設置方法下載。
  • 點選用LINE傳送鍵之後,為什麼文字內容全都變成亂碼?
    其原因很有可能是文字編碼錯誤。
    請確認文字列是否以百分比編碼(UTF-8)傳送。
  • 有哪些資訊是無法以用LINE傳送鍵傳送?
    違反法律規範、過度暴力、色情、誘導至垃圾網站等資訊,皆是於使用條款中禁止傳送的內容。
    詳情請見使用條款
  • 點選用LINE傳送鍵之後,如何才能不會讓網頁直接開啟?
    我們分別提供可顯示網頁及不顯示網頁的2種格式。
    詳細說明請參閱設置方法頁面的技術說明項目之格式2
  • 用LINE傳送鍵傳送的內容是否有字數限制?
    文字上限為500字。
  • 遇到問題時,我可以打電話詢問嗎?
    很抱歉,我們目前尚未提供電話服務。如有任何問題,歡迎您填寫問題反應表與我們聯絡。
  • 為什麼無法利用iOS7傳送圖像?
    目前尚未支援利用iOS7傳送圖像的功能,敬請見諒。

2015年12月17日 修訂




 

回上一頁

相關文章:

喜歡這篇文章嗎?立即分享

Posted : / Views: 4854
Last updated :2016-11-17