首頁功能介紹專業進階功能如何將表單和問卷調查,嵌入網頁或部落格?

如何將表單和問卷調查,嵌入網頁或部落格?

如何將表單和問卷調查,嵌入網頁或部落格?

想要在網頁中調查瀏覽者的資料或回饋嗎?過去你可能只能透過網址連結,讓瀏覽者點擊之後到另一個新視窗進行填寫。但事實上,只要透過一段程式碼,你就可以輕鬆將問卷或表單嵌入你的個人網頁或部落格。

如果想嵌入粉絲專頁可以參考此篇文章:如何將報名表和問卷表單,嵌入粉絲專頁?

想在網站或 Blog 嵌入表單嗎?SurveyCake 透過一段程式碼就幫你完成

網頁該嵌入什麼表單

如果你不確定自己的網頁該嵌入什麼類型的表單,不妨參考 SurveyCake 設定的八種使用情境。

範本頁面

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

範本頁面

如何在網頁中嵌入表單

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

SurveyCake 問卷分享方式
SurveyCake 問卷分享方式

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

複製問卷嵌入碼,嵌入問卷至網站
複製問卷嵌入碼,嵌入問卷至網站

如何將程式碼放置 HTML

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

如何將程式碼放置 HTML

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

網頁呈現示意圖

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

表單嵌入網頁的範例

IOH 講者頁面

IOH 講者頁面

公司修法建議網頁

公司修法建議網頁

幕迷影評 MovieTogether

幕迷影評 MovieTogether

趕緊免費註冊會員,輕鬆分享你的問卷

立即使用問卷嵌入碼將問卷嵌入你的網站中,讓更多人填答你的問卷,回收回饋更方便!

「SurveyCake」的個人頭像

探索更多來自 SurveyCake 部落格 的內容

立即訂閱即可持續閱讀,還能取得所有封存文章。

Continue reading