在看文章或逛網站時,會看到「用LINE傳送」分享按鈕,除了利用AddToAny Share Settings、SumoMe嵌入社群按鈕外,我們也可以直接利用LINE官方提供的程式語法,在網頁放入LINE的按鈕,讓讀者可以共享我們的文章給多位好友,或是傳送至群組聊天室和個人主頁中。手機版行動網頁與電腦版都能顯示圖示。
在網站放入「用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":"a"});
</script></span>
網頁及應用程式
「用LINE傳送」,直接在網站放入以下程式碼語法(網頁版瀏覽器也會顯示)用戶點後會開啟LINE分享連結,若無安裝則不會有任何反應。
<a href="https://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專用
WordPress部落格除了用上述方法之外,也可直接在佈景主題中嵌入以下code,讓每篇文章都能顯示LINE分享連結。
<a href="https://line.me/R/msg/text/?<?php the_title(); ?>%0D%0A<?php the_permalink(); ?>"><img src="[按鍵圖片的URL]" width="[按鍵的寬度]" height="[按鍵的高度]" alt="用LINE傳送" /></a>
LINE官方有提供各種不同尺寸的分享icon,免費打包下載
前往官方教學:「用LINE傳送」鍵設置頁面
用LINE傳送鍵圖片檔:LINE傳送鍵按鈕下載