Line分享按鈕及連結

Posted in :

早期利用 Facebook 的讚及分享按鈕, 現在看到愈來愈多的網站有提供 Line 的分享按鈕, LINE 官方有說明的文件:

http://media.line.naver.jp/howto/ja/

應用指令如下:

http://line.naver.jp/R/msg/<CONTENT TYPE>/?<CONTENT KEY>
其中的 <CONTENT TYPE> 目前也就 text 而已, 而重點在於 <CONTENT KEY>, 內容主要是代入傳遞的內容, 可以傳入任意不違反 line 傳送內容規定的文字, 記得要用 utf-8 編碼.

實際上應用還蠻簡單的, 就是傳遞訊息出去, 所以一般我們會需要傳遞的就是網頁標題及連結, 而組合的方式就是利用一個換行符號 %0D%0A 這樣, 整個組合起來如下:

http://line.naver.jp/R/msg/text/?test%20message%0D%0Ahttp%3A%2F%2Fline.naver.jp%2F

上面的內容就是傳遞如下訊息:

test message
http://line.naver.jp/

傳到 line 應用程式中的 http:// 連結, 會自動轉成 url 連結的型態, 也就可以正常讓收到訊息的人利用該 url 來進行連結了.

利用 javascript 將傳遞的訊息及 url 組合好, 再傳遞到 line app 中:

function sendtoline(){
    var link = "http://line.naver.jp/R/msg/text/?";
    link += encodeURIComponent(document.getElementById("msg").value) + "%0D%0A" + encodeURIComponent(document.getElementById("url").value);
    location.href = link;
    return false;
}

我是安裝 AddToAny 外掛,別人都幫我們寫好了,一行指令也不用寫,真方便。

One thought on “Line分享按鈕及連結

  1. 我也是安裝AddToAny 外掛
    但Line在手機上面分享無法直接開啟app
    而是要自己複製再貼上有點多此一舉
    聯絡外掛作者並沒有給出好的解決方案

    請問有什麼方法可以改善呢?

發佈回覆給「betty」的留言 取消回覆

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *