IG(Instagram)內容如何放到Blogger或網站上呈現呢？

剛好有學員問到這件事，他想要將IG內容像FB粉絲頁一樣安插到Blogger網站右側欄，於是我研究了一下，發現只能透過第三方工具來產生語法，才能插入到網站上喔！來看看怎做吧！

如上圖，今天要教大家產生IG格狀(Grid)圖，本文章提供的方法是：到第三方網站註冊並授權存取你IG -> 產生一串原始碼 -> 將原始碼貼到你網站文章內或右側欄。
(*2019/5/3更新：若不想使用第三方網站，可自行用原始碼設定，請看最下面。)

使用的第三方網站：SnapWidget

這個網站是專門產生方便你安裝到網站上的原始碼，免費提供，讓你先享受它的服務，若你需要更多細部功能，才需要付費。但別忘了，免費平台的政策會因為營運發展而不斷改變，今天可以免費使用，不代表永久免費，請先以平常心：「能用先用」，另外，既然是免費服務，還有一個缺點是：你等於是授權你IG貼文也同步顯示在他平台，因為網友點下去圖片會到SnapWidget網站而不是IG喔！如果很介意這一點，請放棄本文的做法。(然後花錢找工程師幫你串這一塊…)

請點選首頁左下方藍色的「Get A Free Widget」按鈕，開始取得原始碼！
會要求你註冊一個會員帳戶，如下圖，可用e-mail註冊或FB登入。

3. 我用FB快速註冊登入後，如下圖，點選第一個藍色按鈕「Choose A Service」選擇你要從哪個社群平台產生原始碼，當然，請選擇 INSTAGRAM 囉！

4. 接著會問你要產生哪種顯示方式，如下圖，若只是要秀在右側欄，建議選最左邊的格狀(Grid)顯示喔！

5. 第一部設定完成，會出現以下內容，要你細部設定顯示方式，請繼續按下藍色按鈕即可。

6. 如下圖，Username就是你IG帳號，請點一下，會自動詢問你連動授權你的IG（如下下張圖）。其他欄位就是你的IG照片怎樣呈現，Thumbnail就是照片大小，Layout就是橫與直要分幾格等等。設定好了，請按右下角的「Get Widget」就會產生原始碼。

7. 原始碼如下圖的藍色虛線框框，點選「Copy to Clipboard」就可以複製這串原始碼。請把它貼到記事本或任何地方先儲存著喔！

8. 接著我們回到Blogger後台，到「版面配置」->「Sidebar-right-1」(右側欄) ->「新增小工具」-> 請選擇「HTML/Javasript」小工具

9. 請把剛才在SnapWidget複製的一長串原始碼，貼進「內容」區，就完成囉！

使用提醒：免費的只有部分好用喔

其實我有盡量尋找其他方法，但目前想要免費串IG內容到網站上，就是使用第三方平台（若使用Wordpress可以安裝外掛來達成），這個平台也是我大概看了一下是真的免費可用，但點進去照片，可惜不是到IG，若要直接連到IG還需要另外付費喔！若你希望網友可以追蹤你IG，建議還是做一個歡迎追蹤的IG按鈕安插到這個小工具下方，連結到你IG網址（通常是 https://www.instagram.com/這裡更換為你IG帳號/）。