想要在網頁中調查瀏覽者的資料或回饋嗎?過去你可能只能透過網址連結,讓瀏覽者點擊之後到另一個新視窗進行填寫。但事實上,只要透過一段程式碼,你就可以輕鬆將問卷或表單嵌入你的個人網頁或部落格。
如果想嵌入粉絲專頁可以參考此篇文章:如何將報名表和問卷表單,嵌入粉絲專頁?
想在網站或 Blog 嵌入表單嗎?SurveyCake 透過一段程式碼就幫你完成
網頁該嵌入什麼表單
如果你不確定自己的網頁該嵌入什麼類型的表單,不妨參考 SurveyCake 設定的八種使用情境。

舉例來說,你可以設計一份「網站滿意度調查」,調查瀏覽者造訪網站的目的以及滿意程度。或是如果你的網站是產品募資的登入頁面(Landing Page),你可以設計一份「募資預熱問卷」,在募資前蒐集潛在贊助者的聯絡資訊和募資意願。

如何在網頁中嵌入表單
建立好 SurveyCake 的問卷,在發佈問卷後,點選後台上方導覽頁的「分享問卷」,即可來到下面這個頁面。

這個頁面提供了各種發送問卷的方式,包括問卷的「分享連結」、「QRcode」、以及本次的重點「網頁嵌入程式碼」。只要點選「嵌入碼」下方的複製,並將此段程式碼放進網頁的 HTML 檔案,即可在網頁嵌入這份問卷。

如何將程式碼放置 HTML
一般來說,網頁的 HTML 基本上是由 <head> 和 <body> 兩個標籤組成,而問卷的嵌入程式碼將會放在<body> 的標籤裡面,也就是下圖中紅色區塊的程式碼。如果你瞭解一些基礎的 HTML 語言,你可以透過修改 <iframe> 中的屬性,來調整問卷在網頁上呈現的方式。

以下圖為例,透過修改 width 和 height 中 400 和 600 兩個數字,就可以修改問卷在網頁呈現的寬度和高度。詳細的 iframe 屬性大家可參考 W3schools 的教學,上面有更詳盡的介紹。

希望透過這篇簡單的教學,能幫助大家順利地在網頁中調查瀏覽者的資料或回饋。
表單嵌入網頁的範例



趕緊免費註冊會員,輕鬆分享你的問卷
立即使用問卷嵌入碼將問卷嵌入你的網站中,讓更多人填答你的問卷,回收回饋更方便!











