之前不少朋友給三兒發(fā)了一張截圖

文末多媒體矩陣是如何實(shí)現(xiàn)的？怎么能夠做到點(diǎn)擊不同的圖標(biāo)跳轉(zhuǎn)到不同的賬號頁面?

前排提示：抖音由于[特殊原因]無法在微信內(nèi)直接跳轉(zhuǎn)，只能通過如寶馬這樣文案引導(dǎo)用戶搜索，其他常見平臺，微博、小紅書、b站等都是可以在微信內(nèi)直接跳轉(zhuǎn)的。

就像這樣??

那么問題來了，如何制作？

首先我們需要明確一個(gè)問題，我們是要在一張圖上設(shè)置不同的跳轉(zhuǎn)區(qū)域，還是分別上傳大小尺寸相同的單圖，拼湊成一個(gè)跳轉(zhuǎn)平臺頁面？

選擇哪一種方式都可以，如果你不想切圖就可以選擇多區(qū)域觸發(fā)引導(dǎo)跳轉(zhuǎn) （組件ID：233）

如果你想要靈活布局自己的內(nèi)容，可以使用基礎(chǔ)布局-一行三列或一行兩列 （組件ID：77、75），在布局中再嵌套諸如無角標(biāo)小程序（組件ID：39）、視頻號（組件ID：76）等、甚至是圖片輪播點(diǎn)擊可跳轉(zhuǎn)小程序（組件ID：197）......想要更多的創(chuàng)意花式跳轉(zhuǎn)就選擇布局嵌套，想要中規(guī)中矩就選擇一圖多區(qū)域觸發(fā)。

這里我們以多區(qū)域觸發(fā)引導(dǎo)跳轉(zhuǎn)為例，需要說明的是多區(qū)域引導(dǎo)跳轉(zhuǎn)與基礎(chǔ)布局跳轉(zhuǎn)核心內(nèi)容并無差異，對大家而言難點(diǎn)可能在于目標(biāo)跳轉(zhuǎn)代碼的獲取，別擔(dān)心跟著三兒我們一步一步完成。

在編輯器左側(cè)菜單欄，單擊【svg編輯器】進(jìn)入svg編輯器官網(wǎng)

選擇[互動效果]在搜索框中搜索組件ID：233，單擊將組件添加至編輯區(qū)域

添加圖片

添加鏈接（以添加小紅書為例）

我們添加小紅書、微博、b站都是依靠小程序?yàn)樘?，我們需要先在微信公眾號后臺創(chuàng)建一篇含有小程序的臨時(shí)鏈接

01.進(jìn)入微信公眾號后臺，點(diǎn)擊圖文消息

02.選擇小程序

03.添加小紅書APP，注意這里需要搜索小紅書app直接搜索小紅書無法找到，b站則是嗶哩嗶哩，微博是微博

04.單擊下一步，我們將小程序路徑更換為我們自己的主頁路徑，按照官方教程更改即可，完成后點(diǎn)擊確定。

05.保存為草稿

06.返回公眾號主頁，在近期草稿中找到剛存有小紅書小程序的文章，點(diǎn)擊文章標(biāo)題

07.復(fù)制文章鏈接到svg組件使用一鍵獲取代碼

08.完成一個(gè)后，我們再單擊[添加跳轉(zhuǎn)]設(shè)置熱區(qū)，獲取相關(guān)代碼，重復(fù)完成即可

09.選擇導(dǎo)出

有朋友已經(jīng)發(fā)現(xiàn)，多區(qū)域觸發(fā)引導(dǎo)跳轉(zhuǎn)，只能跳轉(zhuǎn)[鏈接]、[小程序]、[公眾號]名片，如果我想要跳轉(zhuǎn)視頻號有辦法嗎？

有，我們換一個(gè)組件多區(qū)域視頻號海報(bào) 組件ID：302

組件效果如下：

該效果和多區(qū)域觸發(fā)引導(dǎo)跳轉(zhuǎn)，僅支持跳轉(zhuǎn)平臺不同，其他只不過將微信公眾號后臺[小程序]替換成了[視頻號]內(nèi)容

以上就是今天的全部內(nèi)容，相信聰明的你已經(jīng)學(xué)會了吧~

大家還要有什么想看想學(xué)的

記得在評論區(qū)留言哦