朋友們大家好，我是三兒。

最近不少朋友問(wèn)三兒：大牌在推文尾部帶的多媒體矩陣是怎么制作的。

（僅為示例無(wú)法跳轉(zhuǎn)）

點(diǎn)擊各個(gè)賬號(hào)logo就能跳轉(zhuǎn)到對(duì)應(yīng)平臺(tái)，對(duì)品牌來(lái)說(shuō)增加了品牌曝光，對(duì)用戶(hù)而言可以選擇自己常用的平臺(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)試試了。

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)的小程序鏈接。

支線(xiàn)任務(wù)：獲取小程序鏈接

在微信公眾號(hào)后臺(tái)新建一篇文章，添加小程序。

點(diǎn)擊小程序，搜索需要添加的小程序平臺(tái)，按步驟添加即可。

然后在微信后臺(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ì)你有幫助的話(huà)

請(qǐng)給三兒一個(gè)一鍵三連

這對(duì)我真的很重要