微信公衆號開發引導用戶關注公衆號

    微信公衆號開發,本質是一個網頁的形式,用戶進入這個網頁系統,並不一定要關注公衆號,只要提供鏈接,就可以直接進入。例如電動車充電樁系統,用戶直接用微信的掃一掃,掃描插座二維碼,就可以進入充電系統,並沒有關注公衆號的行爲。

    但是,用戶沒有關注公衆號,就會收不到消息推送,會影響主體對用戶的後續服務,所以要引導未關注用戶關注公衆號。

    用戶關注公衆號主要有三種方式:(1)搜索關注,對用戶不友好,基本不考慮。(2)二維碼關注。(3)鏈接關注

    這裏考慮二維碼關注和鏈接關注的方式。有個前提,就是引導方式是從我們自己的微信網頁系統引導過去的,注意這個前提,下面會說一些不同的情況。

    根據微信提供的API

https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421140839)由後臺配合,獲取用戶是否關注公衆號信息,接下來就是前端的引導工作。

 

二維碼方式

    用戶未關注公衆號,前端彈出對話框,提供微信公衆號二維碼圖片,提示用戶長按識別,即可實現跳轉到關注頁面,這個頁面和我們平時直接掃公衆號二維碼或者搜索微信公衆號得到的頁面是一樣的。

    用戶點擊關注後,會跳轉到公衆號會話頁面

    然後再一步步返回,回到我們自己開發的網頁系統。

鏈接方式

前端直接鏈接到關注頁(不可行)

    二維碼的方式,需要用戶手動操作識別,有沒有一種方式,可以再減少一點用戶操作?比如知道用戶沒有關注公衆號後,給出一個彈框,彈框內容爲“您還未關注公衆號,請先關注。”用戶點擊確認後,我們幫用戶跳轉到關注頁面。

    這裏需要一個關注頁的url。

    首先打開公衆號,點擊右上角的圖標

    示例公衆號是服務號,點擊【全部消息】

    點擊右上角的三個點,選擇【複製鏈接】

    這樣我們就得到一個形如

https://mp.weixin.qq.com/mp/profile_ext?action=home&__biz=MzIwNjUxMjc3OA==&scene=126&bizpsid=0&subscene=0#wechat_redirect

的鏈接,但是這裏麪包含的一些信息我們並不需要,所以處理一下,按照

https://mp.weixin.qq.com/mp/profile_ext?action=home&__biz=MzIwNjUxMjc3OA==#wechat_redirect的形式處理,就可以得到公衆號關注頁的鏈接了。

    得到的鏈接我們是可以直接在微信中打開(不是由我們自己微信網頁跳過去,比如聊天消息中我們發出一個鏈接,可以直接點擊跳轉),得到的頁面與二維碼掃描、搜索公衆號得到的關注頁不一樣,是下圖的形式。

    如果我們前端直接在網頁中將當前url改變爲此網址,用代碼:

    window.location.href = url

    頁面是跳轉了,但是關注按鈕會沒有(測試了下,蘋果和部分安卓是先出現關注按鈕,頁面加載完就消失了,部分安卓保留有關注按鈕,但是點擊沒有反應。)

    用微信開發者工具調試,會有這樣一條報錯

    微信把開發網頁內,鏈接引導關注的功能禁止了,這是微信7.0版本以後出現的問題。微信不支持誘導關注的行爲。前端直接跳轉的方式行不通。

鏈接生成二維碼給用戶

    但是其實微信只是禁止了一些鏈接訪問方式,還是有些可以實現的。目前調試出了一種可行方式。

    用VUX的【Qrcode】組件,將鏈接創建成二維碼,通過這種方式創建的二維碼,用戶長按識別,可以跳轉到公衆號關注頁面,且關注按鈕功能正常。

<div class="img-box">
  <qrcode value="https://mp.weixin.qq.com/mp/profile_ext?action=home&__biz=MzIwNjUxMjc3OA==#wechat_redirect" type="img"></qrcode>
</div>

    這樣的方式可以實現引導用戶關注,並且用戶關注後,會停留在關注頁面,而不是二維碼掃描那樣,關注後會自動跳到公衆號會話頁面。用戶返回時,比二維碼的方式少一步返回。

總結

    引導用戶關注公衆號,前端直接操作跳轉的方式不可行,必須要用戶手動識別二維碼,而在公衆號二維碼和鏈接生成的二維碼之間,因爲可以減少用戶返回操作步數,所以選擇鏈接生成二維碼的方式更優一點。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章