[問題] 線上答題測驗的推薦寫法?

作者: tingmeow (雪爐喵)   2016-09-15 04:05:44
之前公司要做線上答題問卷,模式大概如下:
出現問卷(以下是舉例)
勾選以下你有的興趣,證明你是不是肥宅
○打手槍     (程式判斷得30分)
○看動畫     (程式判斷得40分)
○上八卦發廢文  (程式判斷得20分)
○做網頁     (程式判斷得10分)
>50分:你的分數是**分,你是徹徹底底的肥宅!快點接受治療吧!
<50分:你的分數是**你快進化成肥宅了,別上PTT了
0分:你的分數是**你是八嗄囧?
以上這測驗沒啥問題,我用JavaScript放在一個函式裡可以算出總分,
可是機歪的是他們需求怪里怪氣的@@:
1. 做測驗 → 跳到中轉站頁,要用戶留名單 → 等待頁 → 公佈結果頁
index.php     middle.php success.php  final.php
※這是RWD網頁...
以上我是分四個網頁來做,要這樣做是因為....
他們說要埋什麼GA追蹤碼,所以要精確知道客戶的動作
我本來只會在同一個頁面完成作題+留名單+公佈結果
改成這樣我不太懂要怎麼做,我就很白痴的把答案用GET傳到網址上
再這樣一頁一頁的當參數傳到最後一頁...
在網頁上這個方法是可行的,網址上面就有個?id=100
可是後來我發現在手機上好像不管用<囧> 手機竟然不記網址?
記得後來改成用cookie的方式也不行QQ
我在懷疑是不是手機支援JavaScript,應該不會吧
還想請教大家,有什麼比較好的解決方法呢?
我在想是不是要用PHP的 session?之類的
不過那樣我的計分方式是不是要改用PHP了@@
(這些答題分數不需要記入資料庫,只是給客戶作好玩的)
新手上路,還請多多指點迷津,感恩不盡 m(__ __)m
作者: YoyaKazuma (喰)   2016-09-15 08:31:00
都要傳參數為何不正常用 POST 就好了...@@?
作者: Hevak (Arthow Eshes)   2016-09-15 10:48:00
沒有特別理由的話把那4個網頁做成一個單頁式應用的4個view會輕鬆很多...另外在這個case裡面get/post不影響用get還是post都沒什麼關鍵影響做成單頁式應用的話像是計分那種東西放在共用的state就好了,硬要跳頁的話也可以放在localStorage這邊,localStorage是按照網站分開的,存一些跨頁面的資料還算方便localStorage/sessionStorage的使用可以參考這裡:https://goo.gl/GNn3BKhttp://www.w3school.com.cn/html5/html_5_webstorage.asp以你現有原訂的架構,不想大改的話直接把分數塞localStorage/sessionStorage可能比較方便,這個是純client端的東西另外你所謂的手機不記網址是什麼意思@@?看不懂
作者: ian90911 (xopowo)   2016-09-15 11:31:00
想要做切換頁面效果可以用fullpage.js之類的套件
作者: Ayukawayen (亞布里艾爾發芽>//<)   2016-09-15 11:47:00
單頁式我想他們還是沒辦法埋GA XD
作者: Siu (薈)   2016-09-15 11:48:00
$field1=make_safe($_POST["field1"]);echo "<input type=hidden name=field1 value=\"".$field1."\">\n\r"; 有多少個變數就這樣一整串傳來傳去= =
作者: vi000246 (Vi)   2016-09-15 12:52:00
關鍵字:javascript pass variable/parameter
作者: tingmeow (雪爐喵)   2016-09-15 15:00:00
就是我用手機開我的網頁其實是看不到網址的 本來計分在網頁上可以計分可是手機上就變成undefined QQ
作者: Canboo (啃布先生)   2016-09-15 20:16:00
回到需求面,要GA追蹤可以用JS在事件點送出tracking阿!中間多了留個資!? 誰要做小測驗還送個資給你,有隱私政策?
作者: tingmeow (雪爐喵)   2016-09-16 04:20:00
對啊 有隱私政策啥的 類似聯成電腦也是這樣押這樣想想我是不是在送出名單按鈕埋tracking就好了@@""

Links booklink

Contact Us: admin [ a t ] ucptt.com