微信公眾號(hào)尾部多媒體矩陣跳轉(zhuǎn)教程
微信公眾號(hào)尾部多媒體矩陣的高效制作技巧！本教程將向您展示如何通過(guò)小程序跳板實(shí)現(xiàn)訂閱號(hào)文章尾部的多平臺(tái)跳轉(zhuǎn)功能，增加品牌曝光，提升用戶體驗(yàn)。從SVG編輯器的使用到小程序鏈接的獲取，逐步指導(dǎo)您創(chuàng)建互動(dòng)式尾部矩陣，一鍵跳轉(zhuǎn)至視頻號(hào)、小紅書(shū)、微博等熱門(mén)平臺(tái)。
朋友們大家好，我是三兒。
最近不少朋友問(wèn)三兒：大牌在推文尾部帶的多媒體矩陣是怎么制作的。
（僅為示例無(wú)法跳轉(zhuǎn)）
點(diǎn)擊各個(gè)賬號(hào)logo就能跳轉(zhuǎn)到對(duì)應(yīng)平臺(tái)，對(duì)品牌來(lái)說(shuō)增加了品牌曝光，對(duì)用戶而言可以選擇自己常用的平臺(tái)關(guān)注賬號(hào)，實(shí)現(xiàn)雙向奔赴。
“你這個(gè)不就是圖片加上超鏈接嘛，有什么難的？”
的確它是圖片+鏈接，實(shí)現(xiàn)它并不復(fù)雜，但它并不是簡(jiǎn)單的圖片+超鏈接，因?yàn)槲覀兌贾烙嗛喬?hào)是不支持外鏈的，而其他平臺(tái)鏈接屬于外鏈所以如果你在訂閱號(hào)中簡(jiǎn)單粗暴用圖片+第三方平臺(tái)鏈接這樣是不會(huì)成功的。
“那為什么這些品牌賬號(hào)是訂閱號(hào)，卻能實(shí)現(xiàn)跳轉(zhuǎn)第三方平臺(tái)的效果呢？”
這是因?yàn)樗麄兘柚薣小程序]這個(gè)跳板，現(xiàn)在不少第三方平臺(tái)在微信內(nèi)擁有自己的小程序，而訂閱號(hào)支持添加微信小程序，所以我們通過(guò)添加第三方平臺(tái)小程序就能實(shí)現(xiàn)該效果。(當(dāng)然大家熟知的某音因?yàn)橐恍┨厥庠蚴菬o(wú)法實(shí)現(xiàn)跳轉(zhuǎn)的)
我們厘清效果邏輯后，就要上手來(lái)試試了。
01.在135編輯器頁(yè)面左側(cè)找到SVG編輯器。
02.點(diǎn)擊進(jìn)入SVG編輯器頁(yè)面，選擇互動(dòng)效果，在搜索框中搜索：基礎(chǔ)布局
注：我們根據(jù)自己賬號(hào)數(shù)量選擇對(duì)應(yīng)的布局譬如我們這里放視頻號(hào)、小紅書(shū)、微博這三個(gè)內(nèi)容，就可以選擇一行三列布局。
03.我們雙擊其中一個(gè)板塊，準(zhǔn)備添加第三方平臺(tái)的小程序，這里我們選擇無(wú)角標(biāo)圖片小程序組件ID：39，因?yàn)槲覀冞€需要添加視頻號(hào)所以再選擇一個(gè)視頻號(hào)組件ID：76.
04.我們依次添加圖片和對(duì)應(yīng)的小程序鏈接。
支線任務(wù)：獲取小程序鏈接
在微信公眾號(hào)后臺(tái)新建一篇文章，添加小程序。
點(diǎn)擊小程序，搜索需要添加的小程序平臺(tái)，按步驟添加即可。
注：微信后臺(tái)目前支持直接復(fù)制小程序鏈接添加
然后在微信后臺(tái)的[草稿箱]中，找到剛剛保存的小程序草稿文章點(diǎn)擊標(biāo)題，進(jìn)入預(yù)覽鏈接。
復(fù)制預(yù)覽鏈接網(wǎng)址到svg編輯器。
點(diǎn)擊快速獲取代碼，粘貼鏈接即可。
這樣我們就完成了對(duì)小程序代碼的獲取。
04.給所有圖片添加小程序鏈接后，我們就可以點(diǎn)擊[完成]然后選擇[導(dǎo)出]復(fù)制到135編輯器或是微信公眾號(hào)后臺(tái)。
最終效果如下：
點(diǎn)擊圖標(biāo)即可跳轉(zhuǎn)。
“如果設(shè)計(jì)師是給我一張圖上有多個(gè)平臺(tái)logo，三兒你又該如何應(yīng)對(duì)呢？”
就像這樣??
如果還是給圖片加鏈接，顯然是不行的原有的邏輯是一張圖對(duì)應(yīng)一個(gè)鏈接，而我們這里需要實(shí)現(xiàn)一張圖對(duì)應(yīng)四個(gè)鏈接，難道真的就束手無(wú)策了嗎？
且慢，在SVG編輯器中如果你輸入名為233的組件ID，你就能得到多區(qū)域觸發(fā)引導(dǎo)跳轉(zhuǎn)這個(gè)組件。
這個(gè)組件就能完美解決我們的問(wèn)題，我們僅需要上傳圖片，點(diǎn)擊[添加跳轉(zhuǎn)]設(shè)置點(diǎn)擊觸發(fā)熱區(qū)，給每個(gè)觸發(fā)區(qū)添加鏈接即可。
同樣最后我們選擇導(dǎo)出，選擇復(fù)制到135編輯器或是微信公眾號(hào)后臺(tái)。
那么我們就可以實(shí)現(xiàn)一張圖上跳轉(zhuǎn)多個(gè)平臺(tái)的效果??
以上就是關(guān)于
微信公眾號(hào)尾部多媒體矩陣制作的全部?jī)?nèi)容
相信大家已經(jīng)找到適合自己的方法
去搭建自己的尾部框架
這個(gè)教程非常實(shí)用
大家眼睛看會(huì)了
別忘了也要?jiǎng)邮植倬毑倬?/span>
要是覺(jué)得今天的教程對(duì)你有幫助的話
請(qǐng)給三兒一個(gè)一鍵三連
這對(duì)我真的很重要
立即登錄
