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

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

（僅為示例無法跳轉）

點擊各個賬號logo就能跳轉到對應平臺，對品牌來說增加了品牌曝光，對用戶而言可以選擇自己常用的平臺關注賬號，實現(xiàn)雙向奔赴。

“你這個不就是圖片加上超鏈接嘛，有什么難的？”

的確它是圖片+鏈接，實現(xiàn)它并不復雜，但它并不是簡單的圖片+超鏈接，因為我們都知道訂閱號是不支持外鏈的，而其他平臺鏈接屬于外鏈所以如果你在訂閱號中簡單粗暴用圖片+第三方平臺鏈接這樣是不會成功的。

“那為什么這些品牌賬號是訂閱號，卻能實現(xiàn)跳轉第三方平臺的效果呢？”

這是因為他們借助了[小程序]這個跳板，現(xiàn)在不少第三方平臺在微信內擁有自己的小程序，而訂閱號支持添加微信小程序，所以我們通過添加第三方平臺小程序就能實現(xiàn)該效果。(當然大家熟知的某音因為一些特殊原因是無法實現(xiàn)跳轉的)

我們厘清效果邏輯后，就要上手來試試了。

02.點擊進入SVG編輯器頁面，選擇互動效果，在搜索框中搜索：基礎布局

注：我們根據(jù)自己賬號數(shù)量選擇對應的布局譬如我們這里放視頻號、小紅書、微博這三個內容，就可以選擇一行三列布局。

03.我們雙擊其中一個板塊，準備添加第三方平臺的小程序，這里我們選擇無角標圖片小程序組件ID：39，因為我們還需要添加視頻號所以再選擇一個視頻號組件ID：76.

04.我們依次添加圖片和對應的小程序鏈接。

支線任務：獲取小程序鏈接

在微信公眾號后臺新建一篇文章，添加小程序。

點擊小程序，搜索需要添加的小程序平臺，按步驟添加即可。

然后在微信后臺的[草稿箱]中，找到剛剛保存的小程序草稿文章點擊標題，進入預覽鏈接。

復制預覽鏈接網(wǎng)址到svg編輯器。

點擊快速獲取代碼，粘貼鏈接即可。

這樣我們就完成了對小程序代碼的獲取。

04.給所有圖片添加小程序鏈接后，我們就可以點擊[完成]然后選擇[導出]復制到135編輯器或是微信公眾號后臺。

最終效果如下：

點擊圖標即可跳轉。

“如果設計師是給我一張圖上有多個平臺logo，三兒你又該如何應對呢？”

就像這樣??

如果還是給圖片加鏈接，顯然是不行的原有的邏輯是一張圖對應一個鏈接，而我們這里需要實現(xiàn)一張圖對應四個鏈接，難道真的就束手無策了嗎？

且慢，在SVG編輯器中如果你輸入名為233的組件ID，你就能得到多區(qū)域觸發(fā)引導跳轉這個組件。

這個組件就能完美解決我們的問題，我們僅需要上傳圖片，點擊[添加跳轉]設置點擊觸發(fā)熱區(qū)，給每個觸發(fā)區(qū)添加鏈接即可。

同樣最后我們選擇導出，選擇復制到135編輯器或是微信公眾號后臺。

那么我們就可以實現(xiàn)一張圖上跳轉多個平臺的效果??

以上就是關于

微信公眾號尾部多媒體矩陣制作的全部內容

相信大家已經找到適合自己的方法

去搭建自己的尾部框架

這個教程非常實用

大家眼睛看會了

別忘了也要動手操練操練

要是覺得今天的教程對你有幫助的話

請給三兒一個一鍵三連

這對我真的很重要