用 Behold 嵌入 instagram!讓網站在 Google 曝光的同時也秀出 instagram

最近在 haohistory 好歷史 剛達到 40 篇的貼文!雖然前 9 篇只是 Logo 九宮格,但是仍覺得很有成就感,突然就想到是不是能在自己架設的網站上也讓 instagram 曝光呢?那是不是有什麼服務能夠協助我做到呢?

由於接觸過很多 Martech 工具,也認為國外會推出相關的服務,果不其然有一個叫做 Behold 的工具可以做到這部分,它能夠串接包含台灣也許多人用的 WordPress、Webflow、shopify 以及 Wix,相信內建的串接會相對容易許多,這邊要介紹的是如果你是自建的網站,那可以怎麼做呢?

大方向是取得 Behold 中 Widget 的程式碼,再由工程師介入安裝!其實非常簡單!

首先,我們要做的是產生一個 feed,而這個 feed 是 User,也就是我們準備呈現的貼文牆,

haohistory-instagram-feed-1

點擊後,會需要授權 Behold 去登入你的 instagram 帳號,目的就是取得你的貼文資料,此時你可以將下列出現的授權網址貼給同事或是相關人士,讓 Behold 可以取得已登入的 instagram 的授權,

haohistory-instagram-source-2

授權完成後點擊你創建好的 feed,畫面中就是我內容網站,

haohistory-instagram-select-source-3

接著下一步我們要建立的是 Widget,這是 Behold 預設幫你設計好的組件,可以直接使用,如果是 JSON 格式,那會需要工程師去取得資料以外,還要設計畫面,

haohistory-instagram-widget-4

命名此組件,點擊 Create 建立,

haohistory-instagram-create-widget-5

再來就可以在 Behold 工具中看到自己的 instagram 已經可以預覽最新的貼文照片,點擊進去可以編輯,

haohistory-instagram-click-feed-6

能夠編輯的範圍不會太廣,主要是針對要呈現幾則貼文、照片設計可以些微改動等等,

haohistory-instagram-custom-feed-7

最重要的是點擊 Embed code 將程式碼複製下來,這段程式碼就能交給工程師協助嵌入於網站內囉!

以下就是呈現在網頁中的樣貌,

haohistory.com blog nagaragawa-ukai-the-light-and-the-traditional

這是針對自建網站的作法,如果你也是一名想要做內容網站卻不知道怎麼開始,或是也想加強 instagram 曝光在網站上卻不知道怎麼做,歡迎與我聯繫哦!

點擊前往 instagram