導航:首頁 > APP軟體 > 微信分享標題設置

微信分享標題設置

發布時間:2023-09-24 11:28:26

微信分享鏈接自定義標題、描述信息和圖片

在微信分享之後,默認的樣子是如下:

我們希望得到的樣子是這樣:

那麼如何實現,現在記錄一下。

先登錄微信公眾平台進入「公眾號設置」的「功能設置」里填寫「js介面安全域名」,這里的安全域名是你的要分享的H5的域名。
備註:登錄後可在「開發者中心」查看對應的介面許可權。

在需要調用JS介面的頁面引入如下JS文件,(支持https): http://res.wx.qq.com/open/js/jweixin-1.6.0.js

如需進一步提升服務穩定性,當上述資源不可訪問時,可改訪問: http://res2.wx.qq.com/open/js/jweixin-1.6.0.js

其中jsApiList一般為:

那麼其他配置參數如何獲取呢,接下來就是最重要的獲取微信簽名、隨機串之類的數據了
具體方法微信也給了指南,貼鏈接
https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html#61

接著就可以自定義你的分享標題和描述信息、圖片之類的了,首先定義一下你要自定義的分享信息:

㈡ 微信上的文件標題全部顯示設置

長按文件名。
點擊編輯,選擇標題,就可以對標題進行編輯,右鍵把文件另存為下來就可以看到標題了。發送的微信文件標題如果想要更改,長按文件名。

㈢ 手機微信上分享網站時,如何加入標題、描述和圖片

在你分享的選項的時候,最上面就是輸入文字描述的。

㈣ 自定義微信分享的卡片鏈接 可自定義鏈接的標題和縮略圖

更新:微信6.5.5版本以後調整了分享規則,針對的是沒有接入公眾號的網頁分享,必須接入微信認證公眾號!(沒有公眾號或者沒有認證的可以前往 138tool工具

查了下微信公眾平台,以下做法只能在微信收藏內及收藏中長按『轉發』時能生成縮略圖;而頁面內的『發送給朋友』及『分享到朋友圈』分享功能均失效了。。

---------------------

1、標題(上圖中紅色框內文字)

生成標准:自動獲取當前頁面的標題,即title裡面的內容

自定義方法:設置頁面標題即可,可使用:document.title = 「標題內容」,動態設置。

2、小縮略圖(上圖中紅色箭頭所指圖片)

生成標准(以下標准來自微信公眾平台):

註:若頁面中沒有此標準的圖片,則會顯示箭頭1處的無圖樣式。

自定義方法:在body標簽內的最前面放入一張寬度為屏幕寬度80%的正方形img 。(如果不想顯示可將其隱藏,微信仍能提出來作小縮略圖)

---------------------

㈤ 微信分享網頁時自定義標題、描述和圖片

用微信打開一個網頁,選擇右上角的「發送給朋友」後,收到的消息是這樣的:

而為了推廣效果,我們更希望能自定義標題、描述和圖片,效果如下圖:

實現工具: GetwxLink

下面介紹下怎樣來實現這個功能

<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js" ></script>

<script type="text/javascript">

    var imgUrl = 'http://www.gettool.cn/GetwxLink/';

    var lineLink = 'http://www.gettool.cn/GetwxLink/';

    var descContent = '人類天生就愛玩游戲,游戲為什麼吸引人?如果藉助游戲的規律,是否可以讓工作學習變得更精彩?';

    var shareTitle = '游戲化學習工作坊第四站-北京清華科技園';

    var appid = '';

    $.ajax({

        type : 'POST',

        url :  "http://dev.mymax.cn/running/comm/weixin/open/jsSDKConfig", //這個地址並非通用且長期有效,請去微信官方查看文檔,並自行配置

        dataType : "json",

        data:{url:window.location.href},

        success : function(response){

            var appId = response.s.appId;

                var timestamp = response.s.timeStamp;

                var nonceStr = response.s.nonceStr;

                var signature = response.s.signature;

                wx.config({

                    debug: false,

                    appId: appId,

                    timestamp: timestamp,

                    nonceStr: nonceStr,

                    signature: signature,

                    jsApiList: [

                        'checkJsApi',

                        'onMenuShareTimeline',

                        'onMenuShareAppMessage'

                    ]

                });

                wx.ready(function() {

                        wx.onMenuShareTimeline({

                            title: shareTitle, // 分享標題

                            link: lineLink, // 分享鏈接,該鏈接域名或路徑必須與當前頁面對應的公眾號JS安全域名一致

                            imgUrl: imgUrl, // 分享圖標

                            success: function () {

                                // 用戶確認分享後執行的回調函數

                            },

                            cancel: function () {

                                // 用戶取消分享後執行的回調函數

                            }

                        });

                        wx.onMenuShareAppMessage({

                            title: shareTitle, // 分享標題

                            desc: descContent, // 分享描述

                            link: lineLink, // 分享鏈接,該鏈接域名或路徑必須與當前頁面對應的公眾號JS安全域名一致

                            imgUrl: imgUrl, // 分享圖標

                            type: '', // 分享類型,music、video或link,不填默認為link

                            dataUrl:'' , // 如果type是music或video,則要提供數據鏈接,默認為空

                            success: function () {

                                // 用戶確認分享後執行的回調函數

                            },

                            cancel: function () {

                                // 用戶取消分享後執行的回調函數

                            }

                        });

                });

        },

        error:function(response){

            window.parent.growl("刪除失敗["+response.responseText+"]!","error");

        }

    });

</script>

閱讀全文

與微信分享標題設置相關的資料

熱點內容
文件在桌面怎麼刪除干凈 瀏覽:439
馬蘭士67cd機版本 瀏覽:542
javaweb爬蟲程序 瀏覽:537
word中千位分隔符 瀏覽:392
迷你編程七天任務的地圖怎麼過 瀏覽:844
word2003格式不對 瀏覽:86
百度雲怎麼編輯文件在哪裡 瀏覽:304
起名app數據哪裡來的 瀏覽:888
微信怎麼去泡妞 瀏覽:52
百度廣告html代碼 瀏覽:244
qq瀏覽器轉換完成後的文件在哪裡 瀏覽:623
jsp中的session 瀏覽:621
壓縮完了文件去哪裡找 瀏覽:380
武裝突襲3浩方聯機版本 瀏覽:674
網路機頂盒移動網路 瀏覽:391
iphone手機百度雲怎麼保存到qq 瀏覽:148
資料庫設計與實踐讀後感 瀏覽:112
js對象是什麼 瀏覽:744
網頁文件存pdf 瀏覽:567
文件夾正裝 瀏覽:279

友情鏈接