在客製化首頁
插入 iframe 區塊直接輸入內嵌連結,或者在
文字區塊中使用
[iframe]內嵌連結[/iframe] 這樣的語法時,「內嵌連結」的部分不需要輸入全部的 iframe 嵌入語法,而是需要內嵌的內容網址即可。在這篇文章中,我們會介紹如何取得常用網站的內嵌網址,以及要顯示內嵌內容時所需要做的設定。
Tips:如果嵌入到 Ragic 的 iframe 內容被阻擋(例如顯示「此內容已被封鎖」),請至
公司設定 → 帳號設定對「iframe sources」進行設定、調整。
Google Calendar
內嵌特定的行事曆
若要在首頁內嵌特定的行事曆,可以依照
這個說明進入設定之後,點選你想要嵌入的行事曆,複製「整合日曆」專區中的「這個日曆的公開網址」(如下圖所示),並將以下網址貼入 Ragic 首頁的 iframe 內嵌工具,或者利用 BBCodes 的 iframe 語法寫入文字區塊即可。
![](https://www.ragic.com/sims/file.jsp?a=kb&f=_clipboard1675214223860.png)
需要注意的是,如果要讓所有人都看到嵌入的行事曆,則必須將存取權限設定為
公開。如果只要和特定使用者共用日曆,則可以參考
這個說明。
顯示登入使用者的行事曆
若是想讓每位登入的使用者可以在首頁上看到自己的行事曆,則可以將以下網址填入 iframe 內嵌工具,或者利用 BBCodes 的 iframe 語法寫入文字區塊:
https://calendar.google.com/calendar/embed?src=$USERID&ctz=Asia%2FTaipei
這個網址加入了 $USERID 變數,可以自動代換為登入 Ragic 所用的 Google 帳號。需要注意的是,Google 行事曆的存取權限必須
設定為公開,才能在資料庫首頁上正確顯示。
YouTube
如果要將 YouTube 內嵌到首頁上,可以依照以下步驟來取得內嵌連結:
1. 在影片上按下分享按鈕。
![](https://www.ragic.com/sims/file.jsp?a=kb&f=_clipboard1673848340708.png)
2. 在彈出視窗中按下「Embed」。
![](https://www.ragic.com/sims/file.jsp?a=kb&f=_clipboard1673848365786.png)
3. YouTube 即會顯示 iframe 內嵌語法,若是在部落格或網站等可以直接貼入 html 語法的,直接複製即可使用。若要內嵌在 Ragic 首頁上,則需要在程式碼中選取 src=” “ 裡的網址(如下圖),並貼到 Ragic 的 iframe 內嵌工具裡,或者利用 BBCodes 的 iframe 語法寫入文字區塊。
Google Maps
如果想要嵌入 Google Maps,可以依照以下步驟操作:
1.搜尋地點,比方 Ragic,並按下地點資訊上的分享按鈕。
![](https://www.ragic.com/sims/file.jsp?a=kb&f=_clipboard1673848634868.png)
2. 選擇 Embed a map,並取得 src=” “ 裡面的網址,將其填入至首頁的 iframe 內嵌工具,或者利用 BBCodes 的 iframe 語法寫入文字區塊即可。
Facebook
如果要在首頁上嵌入 FB 粉絲團,你可以依據以下步驟操作:
1. 在臉書推出的
粉絲專頁外掛程式中輸入公司的臉書粉絲團網址後,按下「取得程式碼」按鈕。
![](https://www.ragic.com/sims/file.jsp?a=kb&f=_clipboard1673848731266.png)
2. 在彈出的視窗中,點選 IFrame,將程式碼 iframe src=” " 裡的網址(如下圖中反白處)複製到 Ragic 的 iframe 內嵌中,或是利用 BBCodes 的 iframe 語法寫入文字區塊即可。
SlideShare
如果你想在首頁放上
SlideShare 上的簡報,你可以依照以下步驟操作:
1. 使用頁面上的分享按鈕取得簡報的 Embed 代碼。
![](https://www.ragic.com/sims/file.jsp?a=kb&f=_clipboard1673848960467.png)
2. 複製下圖中的網址並在前綴加上 https: 。
![](https://www.ragic.com/sims/file.jsp?a=kb&f=_clipboard1673849026496.png)
例如原來 src=” “ 裡面的是
//www.slideshare.net/slideshow/embed_code/key/GRG8bIq4Kw2r8L,加入前綴後就變成
https://www.slideshare.net/slideshow/embed_code/key/GRG8bIq4Kw2r8L ,再將這段網址加入首頁的 iframe 內嵌工具,或是利用 BBCodes 的 iframe 語法寫入文字區塊即可。
Looker Studio(原 Google Data Studio)
要在首頁嵌入
Looker Studio 的數據儀表板,你可以依照以下作法:
1. 在 Looker Studio 點選一份報表後,點選畫面右上角 Share 按鈕旁的三角形圖示展開選單後,點選 Embed Report。
![](https://www.ragic.com/sims/file.jsp?a=kb&f=_clipboard1673849228825.png)
2. 在彈出視窗中點選右側選項 Embed URL,即可得到儀表板的嵌入連結,將連結填入首頁的 iframe 嵌入工具,或是利用 BBCodes 的 iframe 語法寫入文字區塊即可。
Ragic 表單上的檔案內嵌
如果影片或簡報檔僅供公司內部使用,不方便在 YouTube 或 SlideShare 等平台上分享時,你也可以將檔案上傳到 Ragic 表單的
檔案上傳欄位中,再用 iframe 內嵌工具將影片或簡報內嵌至首頁上,詳細操作方法如下:
影片
將影片上傳到 Ragic 表單的檔案上傳欄位中,儲存後按下欄位左下角的「在新視窗開啟」按鈕(如下圖),並將新視窗的連結輸入首頁的 iframe 內嵌工具中,或是利用 BBCodes 的 iframe 語法寫入文字區塊即可。
簡報
1. 先將簡報檔案存成 pdf 檔,再上傳至表單欄位上。
2. 上傳後,只要點擊檔案(如下圖),就會在新視窗中開啟 pdf 檔案。
![](https://www.ragic.com/sims/file.jsp?a=kb&f=_clipboard1673849452516.png)
3. 只要複製新視窗中的連結,並貼到首頁的 iframe 內嵌工具,或是利用 BBCodes 的 iframe 語法寫入文字區塊即可。