加入分享到 LINE 功能提升內容的口碑傳播

分享美味的食譜給你的 LINE 朋友

作為一個社群服務出發的食譜平台，在愛料理我們除了重視自身的使用者社群營運之外，也希望能透過使用者與外部社群網路之間的連結，將我們的內容散播給更多使用者，特別是那些從未接觸過愛料理的使用者。

起源

在四、五年前網站改版時，我們如同多數的網站一般整合了當時時下熱門的 Facebook Social Plugins，不過其實分享的狀況一直都不是很理想，根據我們的使用者調查研究指出，食譜類型的內容一般主要是想要分享給家人或是親密的人，而非好友眾多的 Facebook 平台。

且由於 Facebook 平台的演算法調整，就算有使用者願意分享食譜的內容，往往真正能看到的好友及帶來的流量都相當有限。

整合 LINE 的分享

或許你不知道是，其實 LINE 也有提供 Social Plugins 讓網站主們能夠整合到自身的網頁中。

於是在最近一次的食譜內頁改版當中，我們便選擇了以 LINE 作為我們分享功能的主力。

新版食譜頁面與分享按鈕

安裝方式

你可以在 LINE 的官方網站上面看到詳細的安裝說明，以及多種不同的介面樣式可以使用。

眾多的分享按鈕選擇

除了分享功能之外，也可以讓使用者按讚（出現在動態消息），或是加入官方帳號和 LINE@。

自訂樣式

不過固然 LINE 提供了眾多的樣式，有時我們仍然需要採用客製化的設計。在這邊官方也提供了簡易的超連結形式整合，只要針對UI按鈕加入以下超連結就可以整合分享：

https://social-plugins.line.me/lineit/share?url={連結網址}

AMP 版本

針對部分已經導入 AMP 的網站們，在 AMP 官方提供的 <amp-social-share> 標籤當中，也有支援 type="line" 的分享，可以參考 AMP 官方文件的說明。

網頁預覽

另外 LINE 也有提供類似 Facebook Open Graph 的縮圖和標題描述預覽功能，透過實作 Open Graph 標籤就可以出現。

連結預覽

成果與結論

如下圖所示，加入 LINE 的後分享使用率大幅增加，且遠超過所有其他平台的分享總和，替我們帶來了不少的新訪客。

愛料理分享功能平台佔比

整合 LINE 的分享給我們帶來了很大收穫，目前我們也在積極開發調整原生 Apps 上的分享設計，希望未來有機會能跟各位分享成果。

若是有任何相關的問題都歡迎留言或是與我聯繫討論。若是對我們的工作內容和環境有興趣，也可以參考我們的工程文化分享及相關的職缺。