騰蛟鎮(zhèn)微信實(shí)現(xiàn)分享鏈接的縮略圖和標(biāo)題
閱讀 38059 · 發(fā)布日期 2020-08-24 17:26 · 溫州優(yōu)光網(wǎng)絡(luò)科技有限公司|建站|APP小程序制作|做網(wǎng)站SEO推廣優(yōu)化
【摘要】
本文主要和大家分享微信實(shí)現(xiàn)分享鏈接的縮略圖和標(biāo)題,希望能幫助到大家。一、微信內(nèi)分享在微信內(nèi)打開鏈接后,點(diǎn)右上角【…】選擇【發(fā)送給朋友】或【分享到朋友圈】,這種分享方式獲取縮略圖的方法:方法一:在頁面 body 最上方添加 300*300 像素的 img如該圖片不需要顯示,可以用 css 隱藏,但不能直接對 img 設(shè)置... 【溫州小程序開發(fā),溫州微信公眾號,平陽做網(wǎng)站,平陽網(wǎng)站建設(shè)公司,平陽小程序商城制作,昆陽萬全做網(wǎng)站,鰲江水頭小程序,蕭江騰蛟微信公眾號,山門順溪南雁海西南麂鳳臥麻步懷溪網(wǎng)絡(luò)網(wǎng)店服務(wù),政采云網(wǎng)店管理服務(wù)】...
本文主要和大家分享微信實(shí)現(xiàn)分享鏈接的縮略圖和標(biāo)題,希望能幫助到大家。
一、微信內(nèi)分享在微信內(nèi)打開鏈接后,點(diǎn)右上角【…】選擇【發(fā)送給朋友】或【分享到朋友圈】,這種分享方式獲取縮略圖的方法:
方法一:
在頁面 body 最上方添加 300*300 像素的 img如該圖片不需要顯示,可以用 css 隱藏,但不能直接對 img 設(shè)置 display: none;
。
可以在父層 p 上設(shè)置 display: none;
或者對 img 設(shè)置 position: absolute;
visibility: hidden;
。
方法二:
通過微信 JS-SDK 的分享接口這種方法需要一個(gè)微信公眾號的 app_id,同時(shí)需要一個(gè)后端服務(wù)生成 signature。
好處是可以定制分享的標(biāo)題、縮略圖、描述。
二、從瀏覽器分享在瀏覽器打開鏈接后,點(diǎn)分享圖標(biāo),選擇【微信】,這種分享方式獲取縮略圖的方法:
在頁面的 head 部分添加 Open Graph Metadata:
其中 og:image 影響瀏覽器分享時(shí)的圖標(biāo),需要指定圖片的完整路徑。
以上就是微信實(shí)現(xiàn)分享鏈接的縮略圖和標(biāo)題的詳細(xì)內(nèi)容,更多請關(guān)注php中文網(wǎng)其它相關(guān)文章!
微信
分享相關(guān)標(biāo)簽:
標(biāo)題 略圖 鏈接本文原創(chuàng)發(fā)布php中文網(wǎng),轉(zhuǎn)載請注明出處,感謝您的尊重!
上一篇:
微信網(wǎng)頁獲取用戶基本信息的方法
下一篇:
微信API接口相關(guān)文章相關(guān)視頻修改微信號有什么影響嗎?微信中共享實(shí)時(shí)位置什么意思數(shù)據(jù)庫設(shè)計(jì)的基本原則是什么?微信小程序調(diào)用圖片安全API微信實(shí)現(xiàn)分享鏈接的縮略圖和標(biāo)題HTML標(biāo)題和段落HTML 標(biāo)題 段落HTML 標(biāo)題Bootstrap 頁面標(biāo)題Bootstrap 縮略圖 [溫州做微信公眾號]
為您推薦
- 微信公眾號里“JS接口域名”實(shí)現(xiàn)分享功能 2020-08-24
- 微信支付驗(yàn)證或簽名失敗是什么原因?附三種解決方案 2020-08-24
- android微信登陸、分享做了一段時(shí)間了發(fā)現(xiàn)的一些坑 2020-08-24
- 最新整理出的微信分享后端接口實(shí)現(xiàn)的大致流程 2020-08-24
- 微信公眾號開發(fā):商戶如何給用戶發(fā)紅包實(shí)例講解 2020-08-24
- 長見識了,原來微信瀏覽器內(nèi)可以直接啟動外部瀏覽器 2020-08-24
- 怎么創(chuàng)建微信公眾號自定義菜單欄?這里給出了權(quán)威解答 2020-08-24
- 微信公眾號開發(fā),實(shí)現(xiàn)倒計(jì)時(shí)的一個(gè)功能(純代碼) 2020-08-24