互動式行銷成為大家熱烈討論的話題，像是遊戲、心理測驗這種娛樂性高的互動式網頁容易吸引大眾的注意，進而帶動他們參加活動。本篇文章將利用 WEBAsite 製作一檔網頁互動遊戲，教你如何吸引大眾響應！
為什麼選擇互動式行銷？
企業在選擇行銷手法時有幾個原因：
- 增加品牌討論度和話題
- 觸及精準目標客群
- 宣傳產品
- 分眾並導購
將互動遊戲的方式融入在活動網頁已成為趨勢，不僅能帶來網頁的趣味性、提高大眾對活動的參與感，還能增加大眾對企業的認識，為品牌的第一印象加分。
利用 WEBAsite 讓品牌注入靈魂
針對遊戲化的互動網頁，使用 WEBAsite 也能輕鬆、免費的讓企業製作出獨一無二的活動網頁。以下我們透過簡單的案例，帶大家一步步打造遊戲化互動網頁。
本次遊戲化互動網頁【搶救女孩大作戰】的 DEMO 網址：
https://savethegirl-.webasite.io
1.拖拉點選方式排版
相較於其他製作網頁的工具，WEBAsite 的操作特色是只需將元件利用拖拉點選的方式放入畫布區，你可以隨意擺放位置，而不需被侷限於只能將元件放入指定的區塊中。接著，再套入活動所需的主題背景和照片，最後網頁所呈現的樣式就是畫布區所設定的。
2.簡單元件做出網頁互動遊戲
想要製作遊戲化互動網頁其實不難，案例中設計出關卡式的互動遊戲，例如：尋找不同、二選一…皆是利用「圖示」元件製作，而每個圖示皆可以設定連結，按下後即帶到對應的遊戲結果（頁面）。
3.動畫元素讓網頁更生動
製作遊戲化網頁可少不了動畫的點綴，適量的在元件及頁面中加上動畫的轉場、變化、淡出…，可以讓整個網頁更加活潑生動，營造出遊戲闖關的效果。
4.社群追蹤增加粉絲數
製作活動網頁勢必會有其商業目標，或是需要 TA 完成的動作，即為 CTA (Call to Action)。本次案例則是以「社群」做為主要 CTA。
< 延伸閱讀：Call To Action 是什麼？一篇搞懂CTA使用情境、轉換目標、CTA的設計要點 >
WEBAsite 提供 6 種社群類別，包括：Facebook、LINE 和 Instagram…等，可以在遊戲結果加入「社群追蹤」元件，輸入社群網址即可將使用者帶到指定社群。除此之外，也可以利用「按鈕」元件輸入指定網址，帶到官網或其他活動頁面。
本次遊戲化互動網頁【搶救女孩大作戰】的 DEMO 網址：
https://savethegirl-.webasite.io
想了解更多實用教學與案例嗎？WEBA 能幫助你更頻繁、更快速地架設網頁，並支援多種應用場景，歡迎點擊免費使用，開始建立你的互動遊戲網頁！