Line 的市占率越來越高,幾乎周遭身旁的朋友都有。那是不是該考慮將Line和部落格做一個結合呢?現在Line日本官方網站上推出一個分享到Line上的按鈕,透過這樣的機制,當你瀏覽完一篇文章後,想要將文章分享給好友時,不需要手動複製連結再丟過去,直接透過「Line分享按鈕」快速分享到Line上面的朋友。
透過Line一鍵分享的方式,可以讓網站上的文章多一道曝光路線,點一下就可以將文章的標題和連結傳送到Line上,接著選擇你的好友就可以將此分享連結快速送出,透過點擊的方式,強化了手機社群的分享機制,不用打字,透過點選的方式將文章傳遞給好友們,一同分享好文章。同時,你也可以選擇分享到你的Line動態首頁,讓朋友們都可以看到。
這個Line文章分享按鈕目前只有日文版與說明,不過就單純語言介面,其實使用都是相同的,這個資訊是來自Facebook社團,電腦王阿達分享的,本來想說都日文很懶得去研究,不過後來查了一下,沒想到竟然只是簡單的帶入兩個參數,就可以使用了,完全沒有麻煩可言,一整個超級無敵方便的。想要讓網站跟Line按鈕結合嗎,讓我們繼續看下去!
第1步 來到Line官方網站,在說明頁面中會看到以下畫面,這邊簡單介紹一些參數值的設定。
- CONTENT TYPE,內容類型,目前官方提供text類型。
- CONTENT KEY:輸入要顯示的內容,所以可以丟標題、連結、任意文字。
http://line.naver.jp/R/msg/<CONTENT TYPE>/?<CONTENT KEY>
第2步 不過若你是WordPress使用者,Line官方很貼心的提供Line按鈕的語法,參數部分和前面相同,只是帶上了WordPress引出標題和連結的語法,將以下語法貼到佈景主題的single.php檔案,就可以在內文顯示了,但須注意,Line按鈕只有在手機上面按才有效,所以您可以將它加入到手機版的佈景。
語法內有中括號,例如: [圖片網址] ,請將它整個取代成符合您需求的參數。
<a href="http://line.naver.jp/R/msg/text/?<?php the_title(); ?>%0D%0A<?php the_permalink(); ?>"><img src="[圖片網址]" width="[圖片寬度]" height="[圖片高度]" alt="[當圖片消失的替代文字]" /></a>
第3步 接著將官方說明頁面往下拉,會看到一堆按鈕,這些是官方提供給您可以使用的按鈕,可以將它下載下來。打開壓縮檔案後找到你喜歡的按鈕上傳到你的圖片空間,接著將剛剛語法中「[圖片網址]」換成你上傳後得到的圖片網址即可。
第4步 當張貼好後,例如想嘗試將按鈕放到手機版的WordPress佈景主題中,如下圖,訪客若喜歡就可以點一下。
第6步 接著手機會通知你,告知你要完成這項動作需要使用Line或網際網路,請選擇﹝Line﹞。
第7步 在發表介面中,你可以選擇分享給好友,只要點名字就可以進入發訊息頁面。或者是要分享到Line動態塗鴉牆,那您可以點右上角的按鈕。
第8步 在此我們以貼到「Line個人塗鴉牆」為例,這時候會進入投稿模式,如圖,官方提供的語法會自動帶入該篇文章的漂題與連結,若沒有要額外加入資訊,可以直接點右上角的﹝完成﹞張貼文章。
第9步 這則訊息就會出現在你個人Line動態上了,如果有好友瀏覽了動態也會看到您最新PO文的訊息,類似把文章貼到Facebook塗鴉牆上的感覺。
謝謝您的網頁資訊分享。請教站主,為什麼我在Wordpress網頁中設置的Line分享語法在按下去之後,都會引導使用者的手機去下載Line(而手機中的Line已經安裝並且運作),而不是開啟分享的操作畫面?並且,幾天之前,這種情形擴及所有具有Line分享的網頁(例如若干新聞網頁),而這幾天新聞網頁可以分享了(測試OK), 但是我的專案網頁問題還是一樣呢?因為此狀,我在今天重新安裝Line,並且把Android的Application manager/reset app preferences重設,結果還是一樣…請教何解?
語法就上面這樣而已喔,你用手機看本文,下方有LINE圖,點了是否能分享?
來訊收閱。我的第一個直覺告訴我不用試,因為近日有相關連結/語法的其它網都可以正常分享了,不過,我還是依例在Android手機中進行測試,結果,我很意外地又看到了如附的畫面,後面依續畫面就是Line下載的流程引導畫面。
來訊收閱。我的第一個直覺告訴我不用試,因為近日有相關連結/語法的其它網都可以正常分享了,不過,我還是依例在Android手機中進行測試,結果,我很意外地又看到了如附的畫面,後面依續畫面就是Line下載的流程引導畫面。
還真有點奇怪…這我沒碰過QAQ
回文收閱。另外請教是否知道Jepack中的分享如果要自訂Line分享的話,語法該怎麼放?謝謝。
嗨!請問香腸,前幾天 WordPress 更新後,Line 連結按鈕的大小跑到了。我找一下,發現原本我貼到 single.php 的語法不見了!再貼一次一樣的語法,網頁便發生錯誤!x(
請問香腸,我要從哪裡找回、更改呢?謝謝你的回答。=D
那你可能貼錯了,再試試看一次,通常貼上就可以。
香腸兄, 我已有 sharethis 社交分享鈕, 想在網站上多加一個 line分享按鈕, 放在 sharethis旁邊並排, 但只能加在child theme 跟 child functions.php 裏 ( 因為 theme的設計是不建議更動的), 請問該怎麼加 ?
那就沒辦法加或者是硬加了。
一般不建議改他人版,容易發生問題
謝謝!已經解決了!
可能有不小心帶錯參數,可以檢查一下。
另外官方也有提供額外的語法,可以研究一下(JS版本的)。
請問站長,我用自製line分享按鈕,連結http://line.naver.jp/R/msg//?這段語法,網頁line給朋友時,會出現網站標題跟網址,但網址後面都會有=出現,朋友無法直接連結該網站,可否有可以解決的方法,謝謝!
不好意思,single.php在哪個位置?!
位置請自行嘗試看看~~~ 加入那個檔案就對了~
「Line分享按鈕」 可以按了之後直接加對方為好友,然後直接對話嗎?
像即時通的軟體,謝謝^^
目前不太清楚此與法耶
呵呵,如有應該很多人會用吧^^
謝謝!!
我記得 Ettoday手機板好像有這樣的? 可能要拆解一下code看看囉
抱歉,我的意思是
目前能用LINE分享僅限 文字訊息嘛 ?
還是有圖片也可以分享的方法呢 ?
目前僅有這種分享方式~
想請問,是否有圖片分享的按鈕鍵可用 ?
官方頁面上有圖片連結可以打包下載
http://media.line.naver.jp/img/linebutton.zip
…