fix: use iframe to enhance UX

- Avoids opening new browsers
- Make URL simple

src/liff/App.svelte

@@ -5,13 +5,15 @@
   import Comment from './pages/Comment.svelte';
   import UserSetting from './pages/UserSetting.svelte';
   import Feedback from './pages/Feedback.svelte';
+  import Mgp from './pages/Mgp.svelte';
 
   const routes = {
     article: Article,
     articles: Articles,
     setting: UserSetting,
     comment: Comment,
     feedback: Feedback,
+    mgp: Mgp,
   };
 
   // Send pageview with correct path on each page change.

src/liff/index.js

@@ -18,15 +18,7 @@ liff.init({ liffId: LIFF_ID }).then(() => {
       redirectUri: location.href,
     });
   } else {
-    const userId = liff.getDecodedIDToken().sub;
-    dataLayer.push({ userId });
-
-    const params = new URLSearchParams(location.search);
-    if (params.get('p') === 'mgp') {
-      // Replace login with survey
-      window.location.href = `https://www.surveycake.com/s/eqNpB?ssn0=${userId}&ssn58=cofacts&openExternalBrowser=1`;
-      return;
-    }
+    dataLayer.push({ userId: liff.getDecodedIDToken().sub });
 
     // Kickstart app loading; fire assertions
     new App({ target: document.body });

src/liff/pages/Mgp.svelte

@@ -0,0 +1,18 @@
+<script>
+  const userId = liff.getDecodedIDToken().sub;
+  let iframeUrl = `https://www.surveycake.com/s/eqNpB?ssn0=${userId}&ssn58=cofacts`
+</script>
+
+<style>
+  iframe {
+    width: 100vw;
+    height: 100vh;
+    border: 0;
+  }
+</style>
+
+<svelte:head>
+  <title>Cofacts x 第四屆 MyGoPen 謠言惑眾獎</title>
+</svelte:head>
+
+<iframe title="謠言惑眾獎" src={iframeUrl} />