網(wǎng)站中增加微信公眾賬號(hào)鏈接的方法

2014-05-15 16:04:50來(lái)源:baidufe作者:

這里所謂微信公眾賬號(hào)的隨意擴(kuò)散,指的就是將你的微信公眾號(hào)散播到微信好友、微信朋友圈后,好友點(diǎn)進(jìn)去以后能夠以最短的路徑成功關(guān)注你的微信公眾號(hào)!如果你的文章是通過(guò)微信公眾平臺(tái)后臺(tái)進(jìn)行推送的,進(jìn)去以后,你會(huì)發(fā)現(xiàn)對(duì)應(yīng)的公眾號(hào)昵稱處是可點(diǎn)擊的

這里所謂微信公眾賬號(hào)的隨意擴(kuò)散,指的就是將你的微信公眾號(hào)散播到微信好友、微信朋友圈后,好友點(diǎn)進(jìn)去以后能夠以最短的路徑成功關(guān)注你的微信公眾號(hào)!如果你的文章是通過(guò)微信公眾平臺(tái)后臺(tái)進(jìn)行推送的,進(jìn)去以后,你會(huì)發(fā)現(xiàn)對(duì)應(yīng)的公眾號(hào)昵稱處是可點(diǎn)擊的,并且能直接打開公眾號(hào)的資料頁(yè)。我們不妨看一下它的源碼:

HTML代碼:
<a href="javascript:viewProfile();" id="post-user" class="activity-meta">    
<span class="text-ellipsis">Baidufe</span><i class="icon_link_arrow"></i>    
</a>

Javascript代碼:
 

function viewProfile(){    
    if (typeof WeixinJSBridge != "undefined" && WeixinJSBridge.invoke){    
        WeixinJSBridge.invoke('profile',{    
            'username':'gh_dd4b2c2ada8b',    /* 你的公眾號(hào)原始ID */
            'scene':'57'    
        });    
    }    
}

你也許會(huì)很高興的認(rèn)為,原來(lái)就是這段代碼起作用!

其實(shí)這段代碼生效,是有限制性條件的:iOS環(huán)境、僅在 mp.weixin.qq.com 域下生效!

當(dāng)然,你可以懷疑,接下來(lái)我們可以把上面的Javascript代碼做一下簡(jiǎn)單修改,看看在callback中會(huì)得到什么信息:

function viewProfile(){    
    if (typeof WeixinJSBridge != "undefined" && WeixinJSBridge.invoke){    
        WeixinJSBridge.invoke('profile',{    
            'username':'gh_dd4b2c2ada8b',    /* 你的公眾號(hào)原始ID */
            'scene':'57'    
        },function(resp){
            alert(resp.err_msg);    /* 在這里,我們把err_msg輸出 */
        });    
    }    
}

我們將代碼部署到自己的web server,比如:http://www.baidufe.com/demo/wxid_test.html ,然后用微信內(nèi)置瀏覽器打開此鏈接,點(diǎn)擊HTML中定義的a標(biāo)簽,調(diào)用viewProfile方法,此時(shí)將會(huì)彈出“not_allow”的錯(cuò)誤信息!

那這個(gè)情況怎么破?是不是真的就沒(méi)辦法在自己的頁(yè)面上進(jìn)行公眾號(hào)便捷擴(kuò)散了?

其實(shí)我們可以這樣來(lái)繞一下:

1、通過(guò)微信公眾平臺(tái)后臺(tái)推送一條最簡(jiǎn)單的圖文消息,這會(huì)生成一個(gè)獨(dú)立頁(yè)面,在該頁(yè)面可以直接點(diǎn)擊昵稱打開公眾號(hào)資料頁(yè),比如這個(gè)Demo獨(dú)立頁(yè)面

2、在我們自己的頁(yè)面上,添加一個(gè)鏈接,指向上面生成的獨(dú)立頁(yè)面

獨(dú)立頁(yè)面類似:

\


當(dāng)然,上面討論的,都是針對(duì)iPhone版微信,確實(shí),微信iOS端的WebView比Android WebView做的限制多好多。

下面,我們看看Android & WP上公眾號(hào)的推廣該怎么做。

其實(shí)很簡(jiǎn)單(在我之前的Blog中寫過(guò)),就是一個(gè)鏈接搞定:

<a href="weixin://contacts/profile/gh_dd4b2c2ada8b">點(diǎn)擊這里添加Baidufe公眾號(hào)</a>

以上,可以在你的頁(yè)面上完成公眾賬號(hào)的隨意擴(kuò)散!

關(guān)鍵詞:微信公眾賬號(hào)

贊助商鏈接: