APP、網(wǎng)頁分享功能的實現(xiàn)
時間:2023-05-14 09:33:02 | 來源:網(wǎng)站運營
時間:2023-05-14 09:33:02 來源:網(wǎng)站運營
APP、網(wǎng)頁分享功能的實現(xiàn):
寫作背景:
對于內容的分享是用戶的常見操作,也是產品中常用的功能之一。在一次網(wǎng)站設計當中,恰好涉及分享這一功能,于是在網(wǎng)絡上各種搜集前人資料,把APP和網(wǎng)頁的分享功能一并梳理了一下(所有資料來源基本都通過鏈接的方式標示出來了)。本文只是簡單闡述分享的一般實現(xiàn)原理,不涉及具體的功能流程和實現(xiàn)代碼。若其中存在不當之處,還望大家不吝賜教。
一、網(wǎng)頁中的分享
1 PC網(wǎng)頁分享1.1 分享到微信
PC網(wǎng)頁一般通過生成網(wǎng)頁二維碼,讓用戶使用手機微信掃碼并在微信的瀏覽器中打開;打開之后,在微信內置的瀏覽器中使用微信自己的分享功能進行分享。
將PC網(wǎng)頁分享到微信-----如何自定義分享樣式?
使用微信內置的瀏覽器進行二次分享時會遇到一個問題,那就是無法展示網(wǎng)頁縮略圖,只能展示默認占位圖。那么如何對分享的樣式進行自定義呢?以下是微信官方給出的解決方案:
接入微信的JS-SDK(開發(fā)者在網(wǎng)頁上通過JavaScript代碼使用微信原生功能的工具包),在使用微信內置瀏覽器進行分享時,可以對網(wǎng)頁分享樣式(標題和圖片的樣式)進行自定義。這樣可以保證用戶在微信生態(tài)內進行二次分享時有比較好的分享效果。
可以參考這篇文章
【解決方案】微信網(wǎng)頁鏈接分享自定義 - Kuroko's Development Notes - CSDN博客
上圖為使用safari將網(wǎng)頁分享到微信的樣式,下圖為使用微信瀏覽器對網(wǎng)頁二次分享的樣式1.2 分享到微博、QQ
和微信不同,從網(wǎng)頁發(fā)展起來的微博和QQ對網(wǎng)頁分享都有很好的支持。通過代碼將分享按鈕嵌入到網(wǎng)站,用戶點擊按鈕即可喚起微博/QQ登錄或分享頁面(網(wǎng)頁而非客戶端)
具體方法參照平臺官方文檔說明
http://open.weibo.com/sharebutton微博官方說明2 移動端網(wǎng)頁分享移動端可以使用瀏覽器自帶的分享功能;當然為了和PC保持統(tǒng)一,也可以在頁面中加入分享功能。
2.1 分享到微信
移動端一般通過生成網(wǎng)頁鏈接,讓用戶復制鏈接,然后手動分享(粘貼鏈接)到微信。效果比較差
百度百科的微信分享樣式2.2 分享到微博、QQ
和PC端并無差異:通過代碼將分享按鈕嵌入到網(wǎng)站,用戶點擊按鈕即可喚起微博/QQ登錄或分享頁面(網(wǎng)頁而非客戶端)
分享到微博二、APP內的分享
1 使用系統(tǒng)級別的分享插件iOS提供系統(tǒng)級別的share extension分享插件,幫助系統(tǒng)和應用、應用和應用進行內容的分享。App開發(fā)者只需要在開發(fā)代碼中加入原生分享插件,并向系統(tǒng)注冊后,就可以通過Extension來實現(xiàn)與系統(tǒng)和其他App(同樣注冊并使用了extension)的內容分享(輸出、接受)了。
使用原生分享插件的好處在于分享操作不需要進入containing APP(接受內容的APP),不用在應用間來回跳轉;容納更多應用,更具開放性;用戶可以根據(jù)使用習慣,自定義分享面板中的containing APP。
具體可以參考這篇文章iOS的Share Extension分享機制
safari中將網(wǎng)頁分享到微信,就是使用原生分享插件。無需喚起微信客戶端即可實現(xiàn)分享,不會影響用戶操作主流程。2 使用自定義分享插件
國內應用更多結合自己的商業(yè)目標和業(yè)務需要,使用自定義的分享插件,這時需要遵循containing APP(接受內容的APP)的規(guī)范。以分享到微信為例,一般來說通過集成微信的SDK和調用微信的接口,喚起微信的share sheet(分享面板)進行分享,之后再返回自己的應用。
左圖為荔枝APP的自定義分享面板,將H5分享到微信時,需要喚起微信客戶端,在完成分享后再返回荔枝APP-------微信分享的官方說明------
微信分享及收藏是指第三方App通過接入該功能,讓用戶可以從App分享文字、圖片、音樂、視頻、網(wǎng)頁、小程序至微信好友會話、朋友圈或添加到微信收藏。
微信分享及收藏功能已向全體開發(fā)者開放,開發(fā)者在微信開放平臺帳號下申請App并通過審核后,即可獲得微信分享及收藏權限。
微信分享及收藏目前支持文字、圖片、音樂、視頻、網(wǎng)頁、小程序共六種類型(海外應用支持網(wǎng)頁、小程序類型分享)。開發(fā)者在App中在集成微信SDK后,可調用接口實現(xiàn)。
-------------------------------------------
具體可以參考微信官方文檔
https://open.weixin.qq.com/cgi-bin/showdocument?action=dir_list&t=resource/res_list&verify=1&id=open1419317332&token=&lang=zh_CN不過目前,微信已經取消了對分享結果的返回,所有我們已經無法知道用戶是否真正完成了分享還是半途而廢。。。
微信官方說明結語:
分享功能雖然常常使用,卻也很容易被用戶和產品經理忽略。以上對APP和網(wǎng)頁的分享實現(xiàn)進行了簡單梳理,其中很多細節(jié)還有待進一步學習和補充~