Bladeren bron

Merge branch 'dev'

VicCG.Lin 1 jaar geleden
bovenliggende
commit
23a3960b67
4 gewijzigde bestanden met toevoegingen van 194 en 102 verwijderingen
  1. 160
    93
      src/fe/mrna/index.html
  2. 9
    9
      src/fe/mrna/js/ga.js
  3. 19
    0
      src/fe/mrna/js/main.js
  4. 6
    0
      src/fe/mrna/js/tealiumTracking.js

+ 160
- 93
src/fe/mrna/index.html Bestand weergeven

10
   <title>時下正夯的mRNA你了解多少 ?</title>
10
   <title>時下正夯的mRNA你了解多少 ?</title>
11
 
11
 
12
   <meta name="description" content="mRNA疫苗在現代人類面臨健康最大威脅之一的COVID-19疫情大展身手,也推動了更多疾病領域的藥物發展。進入學堂,了解mRNA無限可能 !" />
12
   <meta name="description" content="mRNA疫苗在現代人類面臨健康最大威脅之一的COVID-19疫情大展身手,也推動了更多疾病領域的藥物發展。進入學堂,了解mRNA無限可能 !" />
13
-  <meta name="keywords" content="mRNA疫苗, 奈米科技, mRNA疫苗技術, 奈米, 信使核糖核酸, 單鍊結構, 疫苗技術, 免疫反應, 疫苗接種, 罕見病, 疫苗, 癌症, 新冠, 諾貝爾生醫獎, 新冠疫苗, mRNA學堂, 新冠肺炎, 李慶雲, 新冠疫情, 李慶雲兒童感染暨疫苗發展醫學文教基金會, 疫情, 你的健康生活好管家, COVID	, COVID-19 	, Covid	, Covid疫苗	" />
13
+  <meta name="keywords"
14
+    content="mRNA疫苗, 奈米科技, mRNA疫苗技術, 奈米, 信使核糖核酸, 單鍊結構, 疫苗技術, 免疫反應, 疫苗接種, 罕見病, 疫苗, 癌症, 新冠, 諾貝爾生醫獎, 新冠疫苗, mRNA學堂, 新冠肺炎, 李慶雲, 新冠疫情, 李慶雲兒童感染暨疫苗發展醫學文教基金會, 疫情, 你的健康生活好管家, COVID	, COVID-19 	, Covid	, Covid疫苗	" />
14
 
15
 
15
   <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" sizes="32x32" />
16
   <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" sizes="32x32" />
16
   <link rel="image_src" href="https://event.leecy.org.tw/mrna/images/share.jpg" />
17
   <link rel="image_src" href="https://event.leecy.org.tw/mrna/images/share.jpg" />
23
 
24
 
24
   <link rel="stylesheet" href="./css/all.css">
25
   <link rel="stylesheet" href="./css/all.css">
25
 
26
 
26
-  <!-- Tealium Universal Tag --> <!-- Loading script asynchronously --> <script type="text/javascript"> (function(a,b,c,d) { a='//tags.tiqcdn.com/utag/modernatx/leecy.org.tw-dtc-taiwan/prod/utag.js'; b=document;c='script';d=b.createElement(c);d.src=a; d.type='text/java'+c;d.async=true; a=b.getElementsByTagName(c)[0];a.parentNode.insertBefore(d,a)})(); </script>
27
+  <!-- Tealium Universal Tag --> <!-- Loading script asynchronously -->
28
+  <script
29
+    type="text/javascript"> (function (a, b, c, d) { a = '//tags.tiqcdn.com/utag/modernatx/leecy.org.tw-dtc-taiwan/prod/utag.js'; b = document; c = 'script'; d = b.createElement(c); d.src = a; d.type = 'text/java' + c; d.async = true; a = b.getElementsByTagName(c)[0]; a.parentNode.insertBefore(d, a) })(); </script>
27
 
30
 
28
   <script type="text/javascript">
31
   <script type="text/javascript">
29
-    var moderna_dl ={ 
30
-        page:{ 
31
-            "site_language" : "chinese", 
32
-            "root_domain" : "leecy.org.tw", 
33
-            "therapeutic_area" : "infectious diseases", 
34
-            "side_of_brand" : "dtc", 
35
-            "brand_name" : "spikevax", 
36
-            "site_branding" : "branded", 
37
-            "indication" : "covid-19", 
38
-            "business_function" : "commercial", 
39
-            "location": "taiwan" 
40
-          } 
41
-      }; 
32
+    var moderna_dl = {
33
+      page: {
34
+        "site_language": "chinese",
35
+        "root_domain": "leecy.org.tw",
36
+        "therapeutic_area": "infectious diseases",
37
+        "side_of_brand": "dtc",
38
+        "brand_name": "spikevax",
39
+        "site_branding": "branded",
40
+        "indication": "covid-19",
41
+        "business_function": "commercial",
42
+        "location": "taiwan"
43
+      }
44
+    }; 
42
   </script>
45
   </script>
43
 
46
 
44
-  <script type="text/javascript"> 
47
+  <script type="text/javascript">
45
     window.moderna_dl["page.page_type"] = '';
48
     window.moderna_dl["page.page_type"] = '';
46
     window.moderna_dl["page.error_message"] = '';
49
     window.moderna_dl["page.error_message"] = '';
47
     window.moderna_dl["page.error_code"] = '';
50
     window.moderna_dl["page.error_code"] = '';
71
         <h1>mRNA學堂</h1>
74
         <h1>mRNA學堂</h1>
72
       </div>
75
       </div>
73
       <nav class="header__nav">
76
       <nav class="header__nav">
74
-        <a href="https://event.leecy.org.tw/mrna/#expert" class="header__nav__item header__nav__item-expert" data-anchor="expert">
77
+        <a href="https://event.leecy.org.tw/mrna/#expert" class="header__nav__item header__nav__item-expert"
78
+          data-anchor="expert" data-gaEvent-category="Header" data-gaEvent-label="mRNA發展室">
75
           <p>mRNA發展室</p>
79
           <p>mRNA發展室</p>
76
           <div class="header__nav__item__line"></div>
80
           <div class="header__nav__item__line"></div>
77
         </a>
81
         </a>
78
-        <a href="https://event.leecy.org.tw/mrna/#research" class="header__nav__item header__nav__item-research" data-anchor="research">
82
+        <a href="https://event.leecy.org.tw/mrna/#research" class="header__nav__item header__nav__item-research"
83
+          data-anchor="research" data-gaEvent-category="Header" data-gaEvent-label="mRNA研究室">
79
           <p>mRNA研究室</p>
84
           <p>mRNA研究室</p>
80
           <div class="header__nav__item__line"></div>
85
           <div class="header__nav__item__line"></div>
81
         </a>
86
         </a>
82
-        <a href="https://event.leecy.org.tw/mrna/#qa" class="header__nav__item header__nav__item-qa" data-anchor="qa">
87
+        <a href="https://event.leecy.org.tw/mrna/#qa" class="header__nav__item header__nav__item-qa" data-anchor="qa"
88
+          data-gaEvent-category="Header" data-gaEvent-label="mRNA解答室">
83
           <p>mRNA解答室</p>
89
           <p>mRNA解答室</p>
84
           <div class="header__nav__item__line"></div>
90
           <div class="header__nav__item__line"></div>
85
         </a>
91
         </a>
86
-        <a href="https://event.leecy.org.tw/mrna/#moreref" class="header__nav__item header__nav__item-moreref" data-anchor="moreref">
92
+        <a href="https://event.leecy.org.tw/mrna/#moreref" class="header__nav__item header__nav__item-moreref"
93
+          data-anchor="moreref" data-gaEvent-category="Header" data-gaEvent-label="mRNA輔導室">
87
           <p>mRNA輔導室</p>
94
           <p>mRNA輔導室</p>
88
           <div class="header__nav__item__line"></div>
95
           <div class="header__nav__item__line"></div>
89
         </a>
96
         </a>
90
-        <a href="https://lin.ee/LP8wXFd" target="_blank" class="header__nav__item header__nav__item-line">
97
+        <a href="https://lin.ee/LP8wXFd" target="_blank" class="header__nav__item header__nav__item-line"
98
+          data-gaEvent-category="Header" data-gaEvent-label="mRNA客服室">
91
           <p>mRNA客服室</p>
99
           <p>mRNA客服室</p>
92
           <div class="header__nav__item__line"></div>
100
           <div class="header__nav__item__line"></div>
93
         </a>
101
         </a>
94
       </nav>
102
       </nav>
95
     </header>
103
     </header>
96
     <a class="goToLine" href="https://lin.ee/LP8wXFd" target="_blank">
104
     <a class="goToLine" href="https://lin.ee/LP8wXFd" target="_blank">
97
-      <img src="./images/button-float.png" >
105
+      <img src="./images/button-float.png">
98
     </a>
106
     </a>
99
     <!-- expert 專家教a你認識 mRNA -->
107
     <!-- expert 專家教a你認識 mRNA -->
100
     <section id="expert" class="section expert">
108
     <section id="expert" class="section expert">
114
             <img src="./images/expert-title-bg.png" alt="">
122
             <img src="./images/expert-title-bg.png" alt="">
115
           </div>
123
           </div>
116
           <h2>什麼是<br class="pc-show"><span class="eng">mRNA</span></h2>
124
           <h2>什麼是<br class="pc-show"><span class="eng">mRNA</span></h2>
117
-        </div> 
125
+        </div>
118
         <!-- 影片 -->
126
         <!-- 影片 -->
119
         <div class="video expert__video expert__video-0">
127
         <div class="video expert__video expert__video-0">
120
           <div class="video__overlay">
128
           <div class="video__overlay">
131
         </div>
139
         </div>
132
       </div>
140
       </div>
133
     </section>
141
     </section>
134
-    
142
+
135
     <!-- understand 談談mRNA -->
143
     <!-- understand 談談mRNA -->
136
     <section id="understand" class="section understand">
144
     <section id="understand" class="section understand">
137
       <div class="bg">
145
       <div class="bg">
213
                     </div>
221
                     </div>
214
                     <div class="history__timeline__desc">
222
                     <div class="history__timeline__desc">
215
                       <p>
223
                       <p>
216
-                        科學家開始思考如果他們能讓mRNA進入身體提供細胞的指令,以製造這個病毒的一小部分,而不是注射弱化的病毒,會怎樣呢?然而,要使其有效,mRNA必須進入我們體內的細胞,以便能夠傳遞其信息。 <span>〔3〕</span><br> 
224
+                        科學家開始思考如果他們能讓mRNA進入身體提供細胞的指令,以製造這個病毒的一小部分,而不是注射弱化的病毒,會怎樣呢?然而,要使其有效,mRNA必須進入我們體內的細胞,以便能夠傳遞其信息。
225
+                        <span>〔3〕</span><br>
217
                         最初面臨的挑戰是,當mRNA注入體內時會分解,而被我們的身體迅速回收,無法順利進入細胞。
226
                         最初面臨的挑戰是,當mRNA注入體內時會分解,而被我們的身體迅速回收,無法順利進入細胞。
218
                       </p>
227
                       </p>
219
                     </div>
228
                     </div>
242
                     </div>
251
                     </div>
243
                     <div class="history__timeline__desc">
252
                     <div class="history__timeline__desc">
244
                       <p>
253
                       <p>
245
-                        第一款mRNA疫苗進入人類狂犬病臨床試驗。雖然只顯示出微弱的免疫系統反應,但它展示出mRNA疫苗技術對人類是安全的重大結果。 <span>〔3〕</span> 
254
+                        第一款mRNA疫苗進入人類狂犬病臨床試驗。雖然只顯示出微弱的免疫系統反應,但它展示出mRNA疫苗技術對人類是安全的重大結果。 <span>〔3〕</span>
246
                       </p>
255
                       </p>
247
                     </div>
256
                     </div>
248
                   </div>
257
                   </div>
262
                   </div>
271
                   </div>
263
                 </div>
272
                 </div>
264
               </div>
273
               </div>
265
-  
274
+
266
               <!-- If we need navigation buttons -->
275
               <!-- If we need navigation buttons -->
267
               <div class="swiper-button-prev"></div>
276
               <div class="swiper-button-prev"></div>
268
               <div class="swiper-button-next"></div>
277
               <div class="swiper-button-next"></div>
269
-  
278
+
270
             </div>
279
             </div>
271
           </div>
280
           </div>
272
         </div>
281
         </div>
297
           </div>
306
           </div>
298
         </div>
307
         </div>
299
         <div class="research__list">
308
         <div class="research__list">
300
-          <div class="research__item" data-bs-toggle="modal" data-bs-target="#proudModal">
309
+          <div class="research__item" data-bs-toggle="modal" data-bs-target="#proudModal"
310
+            data-gaEvent-category="Engagement" data-gaEvent-label="mRNA研究室 | 第一課 mRNA疫苗">
301
             <div class="research__pic">
311
             <div class="research__pic">
302
               <img src="./images/research-pic-proud.png" alt="">
312
               <img src="./images/research-pic-proud.png" alt="">
303
             </div>
313
             </div>
304
             <div class="research__name">
314
             <div class="research__name">
305
               <p>
315
               <p>
306
-                第一課 <span>▶▶</span> mRNA疫苗 
316
+                第一課 <span>▶▶</span> mRNA疫苗
307
               </p>
317
               </p>
308
             </div>
318
             </div>
309
           </div>
319
           </div>
310
-          <div class="research__item" data-bs-toggle="modal" data-bs-target="#featureModal">
320
+          <div class="research__item" data-bs-toggle="modal" data-bs-target="#featureModal"
321
+            data-gaEvent-category="Engagement" data-gaEvent-label="mRNA研究室 | 第二課 mRNA疫苗特色">
311
             <div class="research__pic">
322
             <div class="research__pic">
312
               <img src="./images/research-pic-feature.png" alt="">
323
               <img src="./images/research-pic-feature.png" alt="">
313
             </div>
324
             </div>
317
               </p>
328
               </p>
318
             </div>
329
             </div>
319
           </div>
330
           </div>
320
-          <div class="research__item" data-bs-toggle="modal" data-bs-target="#showModal">
331
+          <div class="research__item" data-bs-toggle="modal" data-bs-target="#showModal"
332
+            data-gaEvent-category="Engagement" data-gaEvent-label="mRNA研究室 | 第三課 疫情下的mRNA疫苗">
321
             <div class="research__pic">
333
             <div class="research__pic">
322
               <img src="./images/research-pic-show.png" alt="">
334
               <img src="./images/research-pic-show.png" alt="">
323
             </div>
335
             </div>
327
               </p>
339
               </p>
328
             </div>
340
             </div>
329
           </div>
341
           </div>
330
-          <div class="research__item" data-bs-toggle="modal" data-bs-target="#unlimitModal">
342
+          <div class="research__item" data-bs-toggle="modal" data-bs-target="#unlimitModal"
343
+            data-gaEvent-category="Engagement" data-gaEvent-label="mRNA研究室 | 第四課 mRNA無限可能">
331
             <div class="research__pic">
344
             <div class="research__pic">
332
               <img src="./images/research-pic-unlimit.png" alt="">
345
               <img src="./images/research-pic-unlimit.png" alt="">
333
             </div>
346
             </div>
337
               </p>
350
               </p>
338
             </div>
351
             </div>
339
           </div>
352
           </div>
340
-          <div class="research__item" data-bs-toggle="modal" data-bs-target="#testModal">
353
+          <div class="research__item" data-bs-toggle="modal" data-bs-target="#testModal"
354
+            data-gaEvent-category="Engagement" data-gaEvent-label="mRNA研究室 | mRNA知識檢定">
341
             <div class="research__pic">
355
             <div class="research__pic">
342
               <img src="./images/research-pic-test.png" alt="">
356
               <img src="./images/research-pic-test.png" alt="">
343
             </div>
357
             </div>
369
           </div>
383
           </div>
370
         </div>
384
         </div>
371
         <p class="qa__desc">
385
         <p class="qa__desc">
372
-          2023年5月5日世界衛生組織宣布結束COVID-19作為國際關注<br class="mb-show">的突發公共衛生事件<span>〔14〕</span> ,然而隨著病毒持續變異,<br class="mb-show">COVID-19尚未消失……
386
+          2023年5月5日世界衛生組織宣布結束COVID-19作為國際關注<br class="mb-show">的突發公共衛生事件<span>〔14〕</span> ,然而隨著病毒持續變異,<br
387
+            class="mb-show">COVID-19尚未消失……
373
         </p>
388
         </p>
374
         <div class="qa__keypoint">
389
         <div class="qa__keypoint">
375
           <h3>
390
           <h3>
421
                   我已經感染過新冠肺炎,還需要接種最新型的新變異株疫苗嗎?
436
                   我已經感染過新冠肺炎,還需要接種最新型的新變異株疫苗嗎?
422
                 </h4>
437
                 </h4>
423
                 <p>
438
                 <p>
424
-                  雖然感染新冠後,身體都會對病毒產生一定免疫力,但接種疫苗可讓我們獲得更穩定的保護。有研究指出,有接種疫苗的人與沒有接種疫苗的人士相比,再次感染新冠病毒的風險減少50%!<span>〔16〕</span>同時,不論是透過感染或疫苗獲得的免疫保護,一般會在<b>4-6個月後</b>明顯減弱 <span>〔17〕</span>。所以,不管有無感染過新冠,皆可視自身需要、符合施打條件的情形下,考慮根據指示接種新變異株疫苗增強保護力。
439
+                  雖然感染新冠後,身體都會對病毒產生一定免疫力,但接種疫苗可讓我們獲得更穩定的保護。有研究指出,有接種疫苗的人與沒有接種疫苗的人士相比,再次感染新冠病毒的風險減少50%!<span>〔16〕</span>同時,不論是透過感染或疫苗獲得的免疫保護,一般會在<b>4-6個月後</b>明顯減弱
440
+                  <span>〔17〕</span>。所以,不管有無感染過新冠,皆可視自身需要、符合施打條件的情形下,考慮根據指示接種新變異株疫苗增強保護力。
425
                 </p>
441
                 </p>
426
               </li>
442
               </li>
427
               <li class="qa__box__item">
443
               <li class="qa__box__item">
476
               </li>
492
               </li>
477
               <li class="qa__box__item">
493
               <li class="qa__box__item">
478
                 <h4>
494
                 <h4>
479
-                  COVID-19疫苗會有哪些副作用?  
495
+                  COVID-19疫苗會有哪些副作用?
480
                 </h4>
496
                 </h4>
481
                 <ul>
497
                 <ul>
482
                   <li>
498
                   <li>
491
                   </li>
507
                   </li>
492
                   <li>
508
                   <li>
493
                     <p>
509
                     <p>
494
-                      如有持續發燒超過 48 小時、 嚴重過敏反應如呼吸困難、氣喘、眩暈、心跳加速、全身紅疹等不適症狀,應儘速就醫釐清病因,並告知醫師曾接種疫苗,以做為診斷之參考,同時請醫師通報當地衛生局或疾病管制署。<span>〔21〕</span>         
510
+                      如有持續發燒超過 48 小時、
511
+                      嚴重過敏反應如呼吸困難、氣喘、眩暈、心跳加速、全身紅疹等不適症狀,應儘速就醫釐清病因,並告知醫師曾接種疫苗,以做為診斷之參考,同時請醫師通報當地衛生局或疾病管制署。<span>〔21〕</span>
495
                     </p>
512
                     </p>
496
                   </li>
513
                   </li>
497
-                </ul>      
514
+                </ul>
498
               </li>
515
               </li>
499
 
516
 
500
               <li class="qa__box__item">
517
               <li class="qa__box__item">
502
                   後疫情時代下的「長新冠」症狀,哪些人更需要注意?
519
                   後疫情時代下的「長新冠」症狀,哪些人更需要注意?
503
                 </h4>
520
                 </h4>
504
                 <p>
521
                 <p>
505
-                  有些人可能更容易出現長期COVID-19後遺症,包括:<br>                
522
+                  有些人可能更容易出現長期COVID-19後遺症,包括:<br>
506
                 </p>
523
                 </p>
507
                 <ul>
524
                 <ul>
508
                   <li>
525
                   <li>
518
                     <p>「長新冠」症狀包含 : 腦霧、頭痛、呼吸問題、咳嗽、胸痛或心跳加快、疲勞,發燒、睡眠問題、腹瀉、皮膚問題。</p>
535
                     <p>「長新冠」症狀包含 : 腦霧、頭痛、呼吸問題、咳嗽、胸痛或心跳加快、疲勞,發燒、睡眠問題、腹瀉、皮膚問題。</p>
519
                   </li>
536
                   </li>
520
                 </ul>
537
                 </ul>
521
-                
538
+
522
               </li>
539
               </li>
523
             </ul>
540
             </ul>
524
           </div>
541
           </div>
547
           </div>
564
           </div>
548
         </div>
565
         </div>
549
         <div class="moreref__list">
566
         <div class="moreref__list">
550
-          <a class="moreref__item moreref__item-line" href="https://lin.ee/LP8wXFd" target="_blank">
567
+          <a class="moreref__item moreref__item-line" href="https://lin.ee/LP8wXFd" target="_blank"
568
+            data-gaEvent-category="Engagement" data-gaEvent-label="mRNA輔導室 | 立即錄用健康管家">
551
             <div class="moreref__pic">
569
             <div class="moreref__pic">
552
               <img src="./images/moreref-line.png" alt="">
570
               <img src="./images/moreref-line.png" alt="">
553
             </div>
571
             </div>
555
               <p>立即錄用健康管家</p>
573
               <p>立即錄用健康管家</p>
556
             </div>
574
             </div>
557
           </a>
575
           </a>
558
-          <a class="moreref__item moreref__item-map" href="https://covid19vaccine.cdc.gov.tw/" target="_blank">
576
+          <a class="moreref__item moreref__item-map" href="https://covid19vaccine.cdc.gov.tw/" target="_blank"
577
+            data-gaEvent-category="Engagement" data-gaEvent-label="mRNA輔導室 | 搜尋醫療院所">
559
             <div class="moreref__pic">
578
             <div class="moreref__pic">
560
               <img src="./images/moreref-map.png" alt="">
579
               <img src="./images/moreref-map.png" alt="">
561
             </div>
580
             </div>
573
     <footer class="footer">
592
     <footer class="footer">
574
       <h2>參考資料</h2>
593
       <h2>參考資料</h2>
575
       <p>
594
       <p>
576
-        〔1〕 Expression kinetics of nucleoside-modified mRNA delivered in lipid nanoparticles to mice by various routes. J Control Release (2015) Table 1).   
577
-        〔2〕 The Tangled History of mRNA Vaccines. Nature (2021) (Page (the beginnings of mRNA], Paragraph 1, Line 5)  
578
-        〔3〕 The Tangled History of mRNA Vaccines. Nature (2021) (Figure 2)  
579
-        〔4〕COV-Power of mRNA – Infographic-US- English   
580
-        〔5〕mRNA主題_黃立民教授_台詞分鏡表/mRNA疫苗作用機轉  
581
-        〔6〕CanImmunize/mRNA 101/ <a target="_blank" href="https://learn.canimmunize.ca/en/learn-about-immunization/mrna-101">https://learn.canimmunize.ca/en/learn-about-immunization/mrna-101</a>
582
-        〔7〕mRNA主題_黃立民教授_台詞分鏡表/mRNA疫苗作用機轉  
583
-        〔8〕BBC News/Could mRNA make us superman?/<a target="_blank" href="https://www.bbc.com/future/article/20211122-could-mrna-make-us-superhuman">https://www.bbc.com/future/article/20211122-could-mrna-make-us-superhuman</a>
584
-        〔9〕BBC News/Could mRNA make us superman?/<a target="_blank" href="https://www.bbc.com/future/article/20211122-could-mrna-make-us-superhuman">https://www.bbc.com/future/article/20211122-could-mrna-make-us-superhuman</a>
585
-        〔10〕mRNA主題_黃立民教授_台詞分鏡表/mRNA疫苗的特色  
586
-        〔11〕公視新聞網/2023諾貝爾生醫獎 研發mRNA疫苗2科學家獲得 : <a target="_blank" href="https://news.pts.org.tw/article/659906">https://news.pts.org.tw/article/659906</a>
587
-        〔12〕 Taiwan CDC/COVID-19疫苗Q&A/5.疫苗安全: <a target="_blank" href="https://www.cdc.gov.tw/Category/QAPage/U6RuirseltWaY9Nd7LuWXA">https://www.cdc.gov.tw/Category/QAPage/U6RuirseltWaY9Nd7LuWXA</a>
588
-        〔13〕mRNA主題_黃立民教授_台詞分鏡表/mRNA疫苗的特色  
589
-        〔14〕衛生福利部:<a target="_blank" href="https://covid19.mohw.gov.tw/ch/cp-4822-74703-205.html">https://covid19.mohw.gov.tw/ch/cp-4822-74703-205.html</a>
590
-        〔15〕 World Health Organization. COVID-19 advice for the public: getting vaccinated. Updated April 13, 2022. Accessed February 16, 2023. <a target="_blank" href="https://www.who.int/">https://www.who.int/emergencies/diseases/novelcoronavirus-2019/covid-19-vaccines/advice</a>
591
-        〔16〕Flacco ME, Acuti Martellucci C,Baccolini V, De Vito C, Renzi E,Villari P and Manzoli L (2022)COVID-19 vaccines reduce the risk of SARS-CoV-2 reinfection and hospitalization: Meta-analysis. Front. Med. 9:1023507.doi: 10.3389/fmed.2022.1023507  
592
-        〔17〕Moderna HK Campaign landing page / World Health Organization. Side Effects of COVID-19 Vaccines. Updated31 March 2021. Accessed on 14 October 2022. <a target="_blank" href="https://www.">https://www.who.int/news-room/feature-stories/detail/side-e%1Eects-of-covid-19-vaccines</a>
593
-        〔18〕Moderna HK Campaign Landing Page / World Health Organization COVID-19: Vaccines and vaccine safety. Updated 28 June 2023. Accessed on 8 August 2023. <a target="_blank" href="https://www.">https://www.who.int/news-room/feature-stories/detail/side-e%1Eects-of-covid-19-vaccines</a>
594
-        〔19〕Taiwan CDC/COVID-19疫苗Q&A/5.疫苗安全: <a target="_blank" href="https://www.cdc.gov.tw/Category/QAPage/U6RuirseltWaY9Nd7LuWXA">https://www.cdc.gov.tw/Category/QAPage/U6RuirseltWaY9Nd7LuWXA</a>
595
-        〔20〕Taiwan CDC/COVID-19疫苗Q&A/8.孕婦及哺乳婦女: <a target="_blank" href="https://www.cdc.gov.tw/Category/QAPage/aVLK2xpg8y3KYmkLK8X6iA">https://www.cdc.gov.tw/Category/QAPage/aVLK2xpg8y3KYmkLK8X6iA</a>
596
-        〔21〕台灣感染症醫學會/6個月-5歲之嬰幼兒疫苗接種建議: <a target="_blank" href="https://fightcovid19.com.tw/">https://fightcovid19.com.tw/</a>
597
-        
598
-        
599
-        
600
-        
595
+        〔1〕 Expression kinetics of nucleoside-modified mRNA delivered in lipid nanoparticles to mice by various routes.
596
+        J Control Release (2015) Table 1).
597
+        〔2〕 The Tangled History of mRNA Vaccines. Nature (2021) (Page (the beginnings of mRNA], Paragraph 1, Line 5)
598
+        〔3〕 The Tangled History of mRNA Vaccines. Nature (2021) (Figure 2)
599
+        〔4〕COV-Power of mRNA – Infographic-US- English
600
+        〔5〕mRNA主題_黃立民教授_台詞分鏡表/mRNA疫苗作用機轉
601
+        〔6〕CanImmunize/mRNA 101/ <a target="_blank"
602
+          href="https://learn.canimmunize.ca/en/learn-about-immunization/mrna-101" data-gaEvent-category="Ref"
603
+          data-gaEvent-label="https://learn.canimmunize.ca/en/learn-about-immunization/mrna-101">https://learn.canimmunize.ca/en/learn-about-immunization/mrna-101</a>
604
+        〔7〕mRNA主題_黃立民教授_台詞分鏡表/mRNA疫苗作用機轉
605
+        〔8〕BBC News/Could mRNA make us superman?/<a target="_blank"
606
+          href="https://www.bbc.com/future/article/20211122-could-mrna-make-us-superhuman" data-gaEvent-category="Ref"
607
+          data-gaEvent-label="https://www.bbc.com/future/article/20211122-could-mrna-make-us-superhuman">https://www.bbc.com/future/article/20211122-could-mrna-make-us-superhuman</a>
608
+        〔9〕BBC News/Could mRNA make us superman?/<a target="_blank"
609
+          href="https://www.bbc.com/future/article/20211122-could-mrna-make-us-superhuman" data-gaEvent-category="Ref"
610
+          data-gaEvent-label="https://www.bbc.com/future/article/20211122-could-mrna-make-us-superhuman">https://www.bbc.com/future/article/20211122-could-mrna-make-us-superhuman</a>
611
+        〔10〕mRNA主題_黃立民教授_台詞分鏡表/mRNA疫苗的特色
612
+        〔11〕公視新聞網/2023諾貝爾生醫獎 研發mRNA疫苗2科學家獲得 : <a target="_blank" href="https://news.pts.org.tw/article/659906"
613
+          data-gaEvent-category="Ref"
614
+          data-gaEvent-label="https://news.pts.org.tw/article/659906">https://news.pts.org.tw/article/659906</a>
615
+        〔12〕 Taiwan CDC/COVID-19疫苗Q&A/5.疫苗安全: <a target="_blank"
616
+          href="https://www.cdc.gov.tw/Category/QAPage/U6RuirseltWaY9Nd7LuWXA" data-gaEvent-category="Ref"
617
+          data-gaEvent-label="https://www.cdc.gov.tw/Category/QAPage/U6RuirseltWaY9Nd7LuWXA">https://www.cdc.gov.tw/Category/QAPage/U6RuirseltWaY9Nd7LuWXA</a>
618
+        〔13〕mRNA主題_黃立民教授_台詞分鏡表/mRNA疫苗的特色
619
+        〔14〕衛生福利部:<a target="_blank" href="https://covid19.mohw.gov.tw/ch/cp-4822-74703-205.html"
620
+          data-gaEvent-category="Ref"
621
+          data-gaEvent-label="https://covid19.mohw.gov.tw/ch/cp-4822-74703-205.html">https://covid19.mohw.gov.tw/ch/cp-4822-74703-205.html</a>
622
+        〔15〕 World Health Organization. COVID-19 advice for the public: getting vaccinated. Updated April 13, 2022.
623
+        Accessed February 16, 2023. <a target="_blank" href="https://www.who.int/" data-gaEvent-category="Ref"
624
+          data-gaEvent-label="https://www.who.int/">https://www.who.int/emergencies/diseases/novelcoronavirus-2019/covid-19-vaccines/advice</a>
625
+        〔16〕Flacco ME, Acuti Martellucci C,Baccolini V, De Vito C, Renzi E,Villari P and Manzoli L (2022)COVID-19
626
+        vaccines reduce the risk of SARS-CoV-2 reinfection and hospitalization: Meta-analysis. Front. Med.
627
+        9:1023507.doi: 10.3389/fmed.2022.1023507
628
+        〔17〕Moderna HK Campaign landing page / World Health Organization. Side Effects of COVID-19 Vaccines. Updated31
629
+        March 2021. Accessed on 14 October 2022. <a target="_blank"
630
+          href="https://www.who.int/news-room/feature-stories/detail/side-e%1Eects-of-covid-19-vaccines"
631
+          data-gaEvent-category="Ref"
632
+          data-gaEvent-label="https://www.who.int/news-room/feature-stories/detail/side-e%1Eects-of-covid-19-vaccines">https://www.who.int/news-room/feature-stories/detail/side-e%1Eects-of-covid-19-vaccines</a>
633
+        〔18〕Moderna HK Campaign Landing Page / World Health Organization COVID-19: Vaccines and vaccine safety. Updated
634
+        28 June 2023. Accessed on 8 August 2023. <a target="_blank"
635
+          href="https://www.who.int/news-room/feature-stories/detail/side-e%1Eects-of-covid-19-vaccines"
636
+          data-gaEvent-category="Ref"
637
+          data-gaEvent-label="https://www.who.int/news-room/feature-stories/detail/side-e%1Eects-of-covid-19-vaccines">https://www.who.int/news-room/feature-stories/detail/side-e%1Eects-of-covid-19-vaccines</a>
638
+        〔19〕Taiwan CDC/COVID-19疫苗Q&A/5.疫苗安全: <a target="_blank"
639
+          href="https://www.cdc.gov.tw/Category/QAPage/U6RuirseltWaY9Nd7LuWXA" data-gaEvent-category="Ref"
640
+          data-gaEvent-label="https://www.cdc.gov.tw/Category/QAPage/U6RuirseltWaY9Nd7LuWXA">https://www.cdc.gov.tw/Category/QAPage/U6RuirseltWaY9Nd7LuWXA</a>
641
+        〔20〕Taiwan CDC/COVID-19疫苗Q&A/8.孕婦及哺乳婦女: <a target="_blank"
642
+          href="https://www.cdc.gov.tw/Category/QAPage/aVLK2xpg8y3KYmkLK8X6iA" data-gaEvent-category="Ref"
643
+          data-gaEvent-label="https://www.cdc.gov.tw/Category/QAPage/aVLK2xpg8y3KYmkLK8X6iA">https://www.cdc.gov.tw/Category/QAPage/aVLK2xpg8y3KYmkLK8X6iA</a>
644
+        〔21〕台灣感染症醫學會/6個月-5歲之嬰幼兒疫苗接種建議: <a target="_blank" href="https://fightcovid19.com.tw/"
645
+          data-gaEvent-category="Ref" data-gaEvent-label="https://fightcovid19.com.tw/">https://fightcovid19.com.tw/</a>
646
+
647
+
648
+
649
+
601
       </p>
650
       </p>
602
       <!-- <div class="copyright">
651
       <!-- <div class="copyright">
603
         <p>TW-COV-2300085, Oct 2023</p>
652
         <p>TW-COV-2300085, Oct 2023</p>
605
     </footer>
654
     </footer>
606
   </div>
655
   </div>
607
 
656
 
608
-  <div class="modal modal-research modal-proud fade" id="proudModal" tabindex="-1" aria-labelledby="proudModalLabel" aria-hidden="true">
657
+  <div class="modal modal-research modal-proud fade" id="proudModal" tabindex="-1" aria-labelledby="proudModalLabel"
658
+    aria-hidden="true">
609
     <div class="modal-dialog modal-dialog-centered">
659
     <div class="modal-dialog modal-dialog-centered">
610
       <div class="modal-content">
660
       <div class="modal-content">
611
         <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
661
         <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
658
               </div>
708
               </div>
659
               <div class="modal__text">
709
               <div class="modal__text">
660
                 <h4>mRNA輸入體內</h4>
710
                 <h4>mRNA輸入體內</h4>
661
-                <p>注射mRNA疫苗後,抗原呈現細胞(antigen-presenting cell, 簡稱APCs)就會吞噬LNP使之崩解,mRNA這時會促使細胞開始產生抗病毒抗體反應。<span>〔5〕</span></p>
711
+                <p>注射mRNA疫苗後,抗原呈現細胞(antigen-presenting cell, 簡稱APCs)就會吞噬LNP使之崩解,mRNA這時會促使細胞開始產生抗病毒抗體反應。<span>〔5〕</span>
712
+                </p>
662
                 <div class="modal__additional">
713
                 <div class="modal__additional">
663
                   <div class="modal__additional__icon">
714
                   <div class="modal__additional__icon">
664
                     <img src="./images/rearch-popup/proud-pic-lamp.png" alt="">
715
                     <img src="./images/rearch-popup/proud-pic-lamp.png" alt="">
687
     </div>
738
     </div>
688
   </div>
739
   </div>
689
 
740
 
690
-  <div class="modal modal-research modal-feature fade" id="featureModal" tabindex="-1" aria-labelledby="featureModalLabel" aria-hidden="true">
741
+  <div class="modal modal-research modal-feature fade" id="featureModal" tabindex="-1"
742
+    aria-labelledby="featureModalLabel" aria-hidden="true">
691
     <div class="modal-dialog modal-dialog-centered">
743
     <div class="modal-dialog modal-dialog-centered">
692
       <div class="modal-content">
744
       <div class="modal-content">
693
         <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
745
         <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
725
               </div>
777
               </div>
726
               <div class="modal__principle__text modal__principle__text-pc">
778
               <div class="modal__principle__text modal__principle__text-pc">
727
                 <p>
779
                 <p>
728
-                  不需要注射抗原本身。將抗原的基因序列或「代碼」翻譯成的mRNA,誘導人體產生真實的抗體。然後,mRNA會被人體的自然防禦機制降解而消失,留下抗體對抗病毒。 
780
+                  不需要注射抗原本身。將抗原的基因序列或「代碼」翻譯成的mRNA,誘導人體產生真實的抗體。然後,mRNA會被人體的自然防禦機制降解而消失,留下抗體對抗病毒。
729
                 </p>
781
                 </p>
730
               </div>
782
               </div>
731
             </div>
783
             </div>
736
             </div>
788
             </div>
737
             <div class="modal__principle__text modal__principle__text-mb">
789
             <div class="modal__principle__text modal__principle__text-mb">
738
               <p>
790
               <p>
739
-                不需要注射抗原本身。將抗原的基因序列或「代碼」翻譯成的mRNA,誘導人體產生真實的抗體。然後,mRNA會被人體的自然防禦機制降解而消失,留下抗體對抗病毒。 
791
+                不需要注射抗原本身。將抗原的基因序列或「代碼」翻譯成的mRNA,誘導人體產生真實的抗體。然後,mRNA會被人體的自然防禦機制降解而消失,留下抗體對抗病毒。
740
               </p>
792
               </p>
741
             </div>
793
             </div>
742
           </div>
794
           </div>
749
               </div>
801
               </div>
750
             </div>
802
             </div>
751
             <div class="modal__item">
803
             <div class="modal__item">
752
-              <h4>應變性  : </h4>
804
+              <h4>應變性 : </h4>
753
               <div class="modal__text">
805
               <div class="modal__text">
754
                 <p>mRNA 疫苗可以快速改變抗原設計,隨時製造出需要的新抗原,以快速應對病毒基因的突變。<span>〔9〕</span></p>
806
                 <p>mRNA 疫苗可以快速改變抗原設計,隨時製造出需要的新抗原,以快速應對病毒基因的突變。<span>〔9〕</span></p>
755
               </div>
807
               </div>
756
             </div>
808
             </div>
757
             <div class="modal__item">
809
             <div class="modal__item">
758
-              <h4>針對性 :  </h4>
810
+              <h4>針對性 : </h4>
759
               <div class="modal__text">
811
               <div class="modal__text">
760
                 <p>僅截取所需的蛋白質密碼,不含其他病毒的基因訊息。<span>〔10〕</span></p>
812
                 <p>僅截取所需的蛋白質密碼,不含其他病毒的基因訊息。<span>〔10〕</span></p>
761
               </div>
813
               </div>
762
             </div>
814
             </div>
763
             <div class="modal__item">
815
             <div class="modal__item">
764
-              <h4>不滯留性:  </h4>
816
+              <h4>不滯留性: </h4>
765
               <div class="modal__text">
817
               <div class="modal__text">
766
                 <p>不會長期停留體內且無其他毒性風險。</p>
818
                 <p>不會長期停留體內且無其他毒性風險。</p>
767
               </div>
819
               </div>
778
     </div>
830
     </div>
779
   </div>
831
   </div>
780
 
832
 
781
-  <div class="modal modal-research modal-unlimit fade" id="unlimitModal" tabindex="-1" aria-labelledby="unlimitModalLabel" aria-hidden="true">
833
+  <div class="modal modal-research modal-unlimit fade" id="unlimitModal" tabindex="-1"
834
+    aria-labelledby="unlimitModalLabel" aria-hidden="true">
782
     <div class="modal-dialog modal-dialog-centered">
835
     <div class="modal-dialog modal-dialog-centered">
783
       <div class="modal-content">
836
       <div class="modal-content">
784
         <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
837
         <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
808
               </li>
861
               </li>
809
               <li>
862
               <li>
810
                 <p>
863
                 <p>
811
-                  自身免疫性病毒 
864
+                  自身免疫性病毒
812
                 </p>
865
                 </p>
813
               </li>
866
               </li>
814
               <li>
867
               <li>
848
     </div>
901
     </div>
849
   </div>
902
   </div>
850
 
903
 
851
-  <div class="modal modal-research modal-show fade" id="showModal" tabindex="-1" aria-labelledby="showModalLabel" aria-hidden="true">
904
+  <div class="modal modal-research modal-show fade" id="showModal" tabindex="-1" aria-labelledby="showModalLabel"
905
+    aria-hidden="true">
852
     <div class="modal-dialog modal-dialog-centered">
906
     <div class="modal-dialog modal-dialog-centered">
853
       <div class="modal-content">
907
       <div class="modal-content">
854
         <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
908
         <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
871
           </div>
925
           </div>
872
           <div class="modal__preface">
926
           <div class="modal__preface">
873
             <p>
927
             <p>
874
-              2023年諾貝爾生醫獎由匈牙利裔的美籍科學家卡里科(Katalin Kariko),和美國科學家魏斯曼(Drew Weissman)共同獲獎。兩人長期致力於mRNA疫苗研發,因為在核苷(nucleoside)修飾的有關發現,得以促成開發有效的COVID-19信使核糖核酸(mRNA)疫苗,故獲得醫學獎殊榮。<br>
928
+              2023年諾貝爾生醫獎由匈牙利裔的美籍科學家卡里科(Katalin Kariko),和美國科學家魏斯曼(Drew
929
+              Weissman)共同獲獎。兩人長期致力於mRNA疫苗研發,因為在核苷(nucleoside)修飾的有關發現,得以促成開發有效的COVID-19信使核糖核酸(mRNA)疫苗,故獲得醫學獎殊榮。<br>
875
               而藉由他們的突破性發現,人們根本性的改變對於mRNA如何與免疫系統相互作用的理解,在現代人類面臨健康最大威脅之一的COVID-19疫情期間,兩位科學家為空前的疫苗研發速度做出貢獻。
930
               而藉由他們的突破性發現,人們根本性的改變對於mRNA如何與免疫系統相互作用的理解,在現代人類面臨健康最大威脅之一的COVID-19疫情期間,兩位科學家為空前的疫苗研發速度做出貢獻。
876
               <span>〔11〕</span>
931
               <span>〔11〕</span>
877
             </p>
932
             </p>
956
               </div>
1011
               </div>
957
               <div class="modal__operation__text">
1012
               <div class="modal__operation__text">
958
                 <p>
1013
                 <p>
959
-                  產生棘蛋白後,細胞會分解和消除發出指令的mRNA。 
1014
+                  產生棘蛋白後,細胞會分解和消除發出指令的mRNA。
960
                 </p>
1015
                 </p>
961
               </div>
1016
               </div>
962
             </div>
1017
             </div>
986
     </div>
1041
     </div>
987
   </div>
1042
   </div>
988
 
1043
 
989
-  <div class="modal modal-research modal-test fade" id="testModal" tabindex="-1" aria-labelledby="testModalLabel" aria-hidden="true">
1044
+  <div class="modal modal-research modal-test fade" id="testModal" tabindex="-1" aria-labelledby="testModalLabel"
1045
+    aria-hidden="true">
990
     <div class="modal-dialog modal-dialog-centered">
1046
     <div class="modal-dialog modal-dialog-centered">
991
       <div class="modal-content">
1047
       <div class="modal-content">
992
         <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
1048
         <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
1001
             <div class="modal__game__item" data-num="1">
1057
             <div class="modal__game__item" data-num="1">
1002
               <div class="modal__game__ques">
1058
               <div class="modal__game__ques">
1003
                 <div class="modal__game__btns">
1059
                 <div class="modal__game__btns">
1004
-                  <div class="modal__game__btns__btn modal__game__btns__btn-circle">
1060
+                  <div class="modal__game__btns__btn modal__game__btns__btn-circle" data-gaEvent-category="Engagement"
1061
+                    data-gaEvent-label="mRNA知識檢定 | Q1 mRNA如同食譜,身體就是按照它來創建基因代碼。 | yes">
1005
                     <img src="./images/rearch-popup/circle-white.png" alt="">
1062
                     <img src="./images/rearch-popup/circle-white.png" alt="">
1006
                   </div>
1063
                   </div>
1007
-                  <div class="modal__game__btns__btn modal__game__btns__btn-cross">
1064
+                  <div class="modal__game__btns__btn modal__game__btns__btn-cross" data-gaEvent-category="Engagement"
1065
+                    data-gaEvent-label="mRNA知識檢定 | Q1 mRNA如同食譜,身體就是按照它來創建基因代碼。 | yes">
1008
                     <img src="./images/rearch-popup/cross-white.png" alt="">
1066
                     <img src="./images/rearch-popup/cross-white.png" alt="">
1009
                   </div>
1067
                   </div>
1010
                 </div>
1068
                 </div>
1022
             <div class="modal__game__item" data-num="2">
1080
             <div class="modal__game__item" data-num="2">
1023
               <div class="modal__game__ques">
1081
               <div class="modal__game__ques">
1024
                 <div class="modal__game__btns">
1082
                 <div class="modal__game__btns">
1025
-                  <div class="modal__game__btns__btn modal__game__btns__btn-circle">
1083
+                  <div class="modal__game__btns__btn modal__game__btns__btn-circle" data-gaEvent-category="Engagement"
1084
+                    data-gaEvent-label="mRNA知識檢定 | Q2 mRNA會經由疫苗注射而穿透細胞的細胞核影響DNA。 | yes">
1026
                     <img src="./images/rearch-popup/circle-white.png" alt="">
1085
                     <img src="./images/rearch-popup/circle-white.png" alt="">
1027
                   </div>
1086
                   </div>
1028
-                  <div class="modal__game__btns__btn modal__game__btns__btn-cross">
1087
+                  <div class="modal__game__btns__btn modal__game__btns__btn-cross" data-gaEvent-category="Engagement"
1088
+                    data-gaEvent-label="mRNA知識檢定 | Q2 mRNA會經由疫苗注射而穿透細胞的細胞核影響DNA。 | no">
1029
                     <img src="./images/rearch-popup/cross-white.png" alt="">
1089
                     <img src="./images/rearch-popup/cross-white.png" alt="">
1030
                   </div>
1090
                   </div>
1031
                 </div>
1091
                 </div>
1043
             <div class="modal__game__item" data-num="3">
1103
             <div class="modal__game__item" data-num="3">
1044
               <div class="modal__game__ques">
1104
               <div class="modal__game__ques">
1045
                 <div class="modal__game__btns">
1105
                 <div class="modal__game__btns">
1046
-                  <div class="modal__game__btns__btn modal__game__btns__btn-circle">
1106
+                  <div class="modal__game__btns__btn modal__game__btns__btn-circle" data-gaEvent-category="Engagement"
1107
+                    data-gaEvent-label="mRNA知識檢定 | Q3 mRNA經由疫苗進入身體後不會長期滯留於體內。 | yes">
1047
                     <img src="./images/rearch-popup/circle-white.png" alt="">
1108
                     <img src="./images/rearch-popup/circle-white.png" alt="">
1048
                   </div>
1109
                   </div>
1049
-                  <div class="modal__game__btns__btn modal__game__btns__btn-cross">
1110
+                  <div class="modal__game__btns__btn modal__game__btns__btn-cross" data-gaEvent-category="Engagement"
1111
+                    data-gaEvent-label="mRNA知識檢定 | Q3 mRNA經由疫苗進入身體後不會長期滯留於體內。 | no">
1050
                     <img src="./images/rearch-popup/cross-white.png" alt="">
1112
                     <img src="./images/rearch-popup/cross-white.png" alt="">
1051
                   </div>
1113
                   </div>
1052
                 </div>
1114
                 </div>
1064
             <div class="modal__game__item" data-num="4">
1126
             <div class="modal__game__item" data-num="4">
1065
               <div class="modal__game__ques">
1127
               <div class="modal__game__ques">
1066
                 <div class="modal__game__btns">
1128
                 <div class="modal__game__btns">
1067
-                  <div class="modal__game__btns__btn modal__game__btns__btn-circle">
1129
+                  <div class="modal__game__btns__btn modal__game__btns__btn-circle" data-gaEvent-category="Engagement"
1130
+                    data-gaEvent-label="mRNA知識檢定 | Q4 mRNA技術永遠只能針對COVID-19做使用。 | yes">
1068
                     <img src="./images/rearch-popup/circle-white.png" alt="">
1131
                     <img src="./images/rearch-popup/circle-white.png" alt="">
1069
                   </div>
1132
                   </div>
1070
-                  <div class="modal__game__btns__btn modal__game__btns__btn-cross">
1133
+                  <div class="modal__game__btns__btn modal__game__btns__btn-cross" data-gaEvent-category="Engagement"
1134
+                    data-gaEvent-label="mRNA知識檢定 | Q4 mRNA技術永遠只能針對COVID-19做使用。 | no">
1071
                     <img src="./images/rearch-popup/cross-white.png" alt="">
1135
                     <img src="./images/rearch-popup/cross-white.png" alt="">
1072
                   </div>
1136
                   </div>
1073
                 </div>
1137
                 </div>
1085
             <div class="modal__game__item" data-num="5">
1149
             <div class="modal__game__item" data-num="5">
1086
               <div class="modal__game__ques">
1150
               <div class="modal__game__ques">
1087
                 <div class="modal__game__btns">
1151
                 <div class="modal__game__btns">
1088
-                  <div class="modal__game__btns__btn modal__game__btns__btn-circle">
1152
+                  <div class="modal__game__btns__btn modal__game__btns__btn-circle" data-gaEvent-category="Engagement"
1153
+                    data-gaEvent-label="mRNA知識檢定 | Q5 一般疫苗原理與mRNA疫苗原理的差異在於是否是注射抗原本身。 | yes">
1089
                     <img src="./images/rearch-popup/circle-white.png" alt="">
1154
                     <img src="./images/rearch-popup/circle-white.png" alt="">
1090
                   </div>
1155
                   </div>
1091
-                  <div class="modal__game__btns__btn modal__game__btns__btn-cross">
1156
+                  <div class="modal__game__btns__btn modal__game__btns__btn-cross" data-gaEvent-category="Engagement"
1157
+                    data-gaEvent-label="mRNA知識檢定 | Q5 一般疫苗原理與mRNA疫苗原理的差異在於是否是注射抗原本身 | no">
1092
                     <img src="./images/rearch-popup/cross-white.png" alt="">
1158
                     <img src="./images/rearch-popup/cross-white.png" alt="">
1093
                   </div>
1159
                   </div>
1094
                 </div>
1160
                 </div>
1109
     </div>
1175
     </div>
1110
   </div>
1176
   </div>
1111
 
1177
 
1178
+  <script src="https://www.googletagmanager.com/gtag/js?id=G-WM72ZTPQGL"></script>
1112
   <script src="lib/jquery-3.6.4.min.js"></script>
1179
   <script src="lib/jquery-3.6.4.min.js"></script>
1113
   <script src="https://www.youtube.com/iframe_api"></script>
1180
   <script src="https://www.youtube.com/iframe_api"></script>
1114
   <script src="lib/swiper.min.js"></script>
1181
   <script src="lib/swiper.min.js"></script>
1132
     var vConsole = new VConsole();
1199
     var vConsole = new VConsole();
1133
     console.log('Hello world');
1200
     console.log('Hello world');
1134
   </script> -->
1201
   </script> -->
1135
-  
1202
+
1136
 
1203
 
1137
 </body>
1204
 </body>
1138
 
1205
 

+ 9
- 9
src/fe/mrna/js/ga.js Bestand weergeven

11
         'send_page_view': false
11
         'send_page_view': false
12
     });
12
     });
13
 
13
 
14
-    function gtag_pageView(_key) {
14
+    function gtag_pageView(_key, args = {}) {
15
         //ga('send', 'pageview', key);
15
         //ga('send', 'pageview', key);
16
-        gtag('config', _id, {
17
-            'page_title': _key,
18
-            'page_path': '/' + _key
16
+        gtag('event', 'page_view', {
17
+            'page_title' : document.title,
18
+            'page_path': '/' + _key,
19
+            ...args,
19
         });
20
         });
20
-
21
-        console.log("pageView: " + _key);
21
+        console.log("pageView: " + _key + 'args: ' + JSON.stringify(args));
22
     }
22
     }
23
 
23
 
24
     function gtag_ButtonClick(_name, _key) {
24
     function gtag_ButtonClick(_name, _key) {
59
         init();
59
         init();
60
     }
60
     }
61
     return {
61
     return {
62
-        pageView: function (_key) {
63
-            gtag_pageView(_key)
62
+        pageView: function (_key, args = {}) {
63
+            gtag_pageView(_key, args)
64
         },
64
         },
65
         ButtonClick: function (_name, _key) {
65
         ButtonClick: function (_name, _key) {
66
             gtag_ButtonClick(_name, _key)
66
             gtag_ButtonClick(_name, _key)
71
     };
71
     };
72
 }
72
 }
73
 
73
 
74
-var setGA = new ga_default("xxxxxxxx");
74
+var setGA = new ga_default("G-WM72ZTPQGL");

+ 19
- 0
src/fe/mrna/js/main.js Bestand weergeven

76
 	function init() {
76
 	function init() {
77
 		console.log("main is loaded.");
77
 		console.log("main is loaded.");
78
 
78
 
79
+		const urlParams = new URLSearchParams(window.location.search);
80
+		const args = {};
81
+		if (urlParams.get("cc")) {
82
+			args.cc_code = urlParams.get("cc");
83
+		}
84
+
85
+		if (urlParams.get("tc")) {
86
+			args.tc_code = urlParams.get("tc");
87
+		}
88
+
89
+		setGA.pageView( 'index', args);
90
+
91
+		$("[data-gaEvent-label]").on('click', (event) => {
92
+			const target =  event.currentTarget;
93
+			const category = target.getAttribute('data-gaEvent-category');
94
+			const label = target.getAttribute('data-gaEvent-label');
95
+			setGA.ButtonClick( category, label);
96
+		});
97
+
79
 		$(window).resize(function () {
98
 		$(window).resize(function () {
80
 			resizeWindow();
99
 			resizeWindow();
81
 		});
100
 		});

+ 6
- 0
src/fe/mrna/js/tealiumTracking.js Bestand weergeven

41
                         currentSection = sectionId;
41
                         currentSection = sectionId;
42
                         // console.log('目前在 ' + currentSection + ' 部分。');
42
                         // console.log('目前在 ' + currentSection + ' 部分。');
43
                         jQuery("document").trigger( "virtualPageView" );
43
                         jQuery("document").trigger( "virtualPageView" );
44
+                        if(setGA){
45
+                            setGA.pageView(sectionId);
46
+                        }
44
                     }
47
                     }
45
 
48
 
46
                     if(currentSection !== sectionId) {
49
                     if(currentSection !== sectionId) {
47
                         currentSection = sectionId;
50
                         currentSection = sectionId;
48
                         // console.log('目前在 ' + currentSection + ' 部分。');
51
                         // console.log('目前在 ' + currentSection + ' 部分。');
49
                         jQuery("document").trigger( "virtualPageView" );
52
                         jQuery("document").trigger( "virtualPageView" );
53
+                        if(setGA){
54
+                            setGA.pageView(sectionId);
55
+                        }
50
                     }
56
                     }
51
 
57
 
52
                     // 在這裡可以執行其他你想要的操作
58
                     // 在這裡可以執行其他你想要的操作