微信分享自定義描述

① 大K助手教你實現微信自定義分享鏈接的標題、描述和圖片

大K助手自定義微信鏈接是什麼？

自定義微信分享鏈接是指將一條網頁鏈接通過微信介面生成一張卡片，並且該卡片的標題，內容和圖片都可以自己編輯。如下圖效果

● 自定義網頁鏈接示例（帶標題，內容簡介，縮略圖）

● 未自定義的網頁鏈接

如上圖，如果不做相關處理，頁面進行二次分享，用戶看到的要麼就是鏈接，要麼就是沒有內容介紹＋空圖，上面顯示的文案實際上是獲取的title標簽中的文案，網上查的相關例子有說明，圖片如果不設置，將會自動獲取瀏覽器渲染的第一張圖片，經過個人測試，並沒有實現（朋友圈同理，不做圖片展示）。

解決方案

要達到上圖自定義文案與圖標的效果，必須要採用微信提供的js-SDK，微信JS-SDK是微信公眾平檯面向網頁開發者提供的基於微信內的網頁開發工具包。

可參考微信JS-SDK說明文檔。

具體步驟如下：

1、准備一個備案的域名和空間，綁定域名到該空間去

2、登錄微信公眾平台，進入「公眾號設置」的功能設置裡面填寫js介面安全域名，這個是要填寫的是你微信瀏覽器要打開的域名地址，不能添加IP地址。

3、引入js文件，在需要調用js介面的頁面接入JS文件。

4、通過config介面注入許可權並驗證配置（這一步算是整個步驟中最關鍵的一步，必須正確的配置信息才可以進行調用JS-SDK。

wx.config({

② 微信分享到朋友圈，怎麼自定義分享的標題，圖片，內容

可以通過微信公眾平台製作微信圖文分享到朋友圈。

製作方法：

1.登錄微信公眾平台=》點擊素材管理=》新建圖文消息，如圖：

PS：群發前，先關注此公眾號。群發後接收後，可以分享到朋友圈。

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

在微信分享之後，默認的樣子是如下：

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

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

先登錄微信公眾平台進入「公眾號設置」的「功能設置」里填寫「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

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

④ 你好怎樣自定義微信分享連接 描述呢 方便＋v嗎

無論是從微信群、朋友圈轉發或是通過瀏覽器鏈接分享，都有轉發或分享按鈕，不存在什麼自定義。

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

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

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

實現工具： 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>

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

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

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

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

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

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

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

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

生成標准（以下標准來自微信公眾平台）：

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

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

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

⑦ 網站在微信中分享，怎麼實現自定義的標題，描述和小圖標

1. 分享必須是認證了的公眾號。

2.必須有大於300*300的圖片。才會顯示。

3.授權ip 需要填寫

4.js安全域名需要設置

5.公眾號管理中必須綁定成功，測試自定義菜單能正常發布

6.頁面內容較大，在瀏覽器沒有載入完全網頁內容後就點擊了分享。

可以從以上幾個方面處理，一般前4個弄好後就可以了