DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript綜合知識 >> 網站中增加微信公眾賬號鏈接的方法
網站中增加微信公眾賬號鏈接的方法
編輯:JavaScript綜合知識     

   這裡所謂微信公眾賬號的隨意擴散,指的就是將你的微信公眾號散播到微信好友、微信朋友圈後,好友點進去以後能夠以最短的路徑成功關注你的微信公眾號!如果你的文章是通過微信公眾平台後台進行推送的,進去以後,你會發現對應的公眾號昵稱處是可點擊的,並且能直接打開公眾號的資料頁。我們不妨看一下它的源碼:

  HTML代碼:

  Baidufe

  Javascript代碼:

  function viewProfile(){

  if (typeof WeixinJSBridge != "undefined" && WeixinJSBridge.invoke){

  WeixinJSBridge.invoke('profile',{

  'username':'gh_dd4b2c2ada8b', /* 你的公眾號原始ID */

  'scene':'57'

  });

  }

  }

  你也許會很高興的認為,原來就是這段代碼起作用啊!

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

  當然,你可以懷疑,接下來我們可以把上面的Javascript代碼做一下簡單修改,看看在callback中會得到什麼信息:

  function viewProfile(){

  if (typeof WeixinJSBridge != "undefined" && WeixinJSBridge.invoke){

  WeixinJSBridge.invoke('profile',{

  'username':'gh_dd4b2c2ada8b', /* 你的公眾號原始ID */

  'scene':'57'

  },function(resp){

  alert(resp.err_msg); /* 在這裡,我們把err_msg輸出 */

  });

  }

  }

  我們將代碼部署到自己的web server,比如:http://www.baidufe.com/demo/wxid_test.html ,然後用微信內置浏覽器打開此鏈接,點擊HTML中定義的a標簽,調用viewProfile方法,此時將會彈出“not_allow”的錯誤信息!

  那這個情況怎麼破?是不是真的就沒辦法在自己的頁面上進行公眾號便捷擴散了?

  其實我們可以這樣來繞一下:

  1、通過微信公眾平台後台推送一條最簡單的圖文消息,這會生成一個獨立頁面,在該頁面可以直接點擊昵稱打開公眾號資料頁,比如這個Demo獨立頁面

  2、在我們自己的頁面上,添加一個鏈接,指向上面生成的獨立頁面

  獨立頁面類似:

網站中增加微信公眾賬號鏈接的方法

  當然,上面討論的,都是針對iPhone版微信,確實,微信iOS端的WebView比Android WebView做的限制多好多。

  下面,我們看看Android & WP上公眾號的推廣該怎麼做。

  其實很簡單(在我之前的Blog中寫過),就是一個鏈接搞定:

  點擊這裡添加Baidufe公眾號

  以上,可以在你的頁面上完成公眾賬號的隨意擴散!

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved