Quellcode durchsuchen

Merge branch 'dev'

VicCG.Lin vor 1 Jahr
Ursprung
Commit
23a3960b67
4 geänderte Dateien mit 194 neuen und 102 gelöschten Zeilen
  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 Datei anzeigen

@@ -10,7 +10,8 @@
10 10
   <title>時下正夯的mRNA你了解多少 ?</title>
11 11
 
12 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 16
   <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" sizes="32x32" />
16 17
   <link rel="image_src" href="https://event.leecy.org.tw/mrna/images/share.jpg" />
@@ -23,25 +24,27 @@
23 24
 
24 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 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 45
   </script>
43 46
 
44
-  <script type="text/javascript"> 
47
+  <script type="text/javascript">
45 48
     window.moderna_dl["page.page_type"] = '';
46 49
     window.moderna_dl["page.error_message"] = '';
47 50
     window.moderna_dl["page.error_code"] = '';
@@ -71,30 +74,35 @@
71 74
         <h1>mRNA學堂</h1>
72 75
       </div>
73 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 79
           <p>mRNA發展室</p>
76 80
           <div class="header__nav__item__line"></div>
77 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 84
           <p>mRNA研究室</p>
80 85
           <div class="header__nav__item__line"></div>
81 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 89
           <p>mRNA解答室</p>
84 90
           <div class="header__nav__item__line"></div>
85 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 94
           <p>mRNA輔導室</p>
88 95
           <div class="header__nav__item__line"></div>
89 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 99
           <p>mRNA客服室</p>
92 100
           <div class="header__nav__item__line"></div>
93 101
         </a>
94 102
       </nav>
95 103
     </header>
96 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 106
     </a>
99 107
     <!-- expert 專家教a你認識 mRNA -->
100 108
     <section id="expert" class="section expert">
@@ -114,7 +122,7 @@
114 122
             <img src="./images/expert-title-bg.png" alt="">
115 123
           </div>
116 124
           <h2>什麼是<br class="pc-show"><span class="eng">mRNA</span></h2>
117
-        </div> 
125
+        </div>
118 126
         <!-- 影片 -->
119 127
         <div class="video expert__video expert__video-0">
120 128
           <div class="video__overlay">
@@ -131,7 +139,7 @@
131 139
         </div>
132 140
       </div>
133 141
     </section>
134
-    
142
+
135 143
     <!-- understand 談談mRNA -->
136 144
     <section id="understand" class="section understand">
137 145
       <div class="bg">
@@ -213,7 +221,8 @@
213 221
                     </div>
214 222
                     <div class="history__timeline__desc">
215 223
                       <p>
216
-                        科學家開始思考如果他們能讓mRNA進入身體提供細胞的指令,以製造這個病毒的一小部分,而不是注射弱化的病毒,會怎樣呢?然而,要使其有效,mRNA必須進入我們體內的細胞,以便能夠傳遞其信息。 <span>〔3〕</span><br> 
224
+                        科學家開始思考如果他們能讓mRNA進入身體提供細胞的指令,以製造這個病毒的一小部分,而不是注射弱化的病毒,會怎樣呢?然而,要使其有效,mRNA必須進入我們體內的細胞,以便能夠傳遞其信息。
225
+                        <span>〔3〕</span><br>
217 226
                         最初面臨的挑戰是,當mRNA注入體內時會分解,而被我們的身體迅速回收,無法順利進入細胞。
218 227
                       </p>
219 228
                     </div>
@@ -242,7 +251,7 @@
242 251
                     </div>
243 252
                     <div class="history__timeline__desc">
244 253
                       <p>
245
-                        第一款mRNA疫苗進入人類狂犬病臨床試驗。雖然只顯示出微弱的免疫系統反應,但它展示出mRNA疫苗技術對人類是安全的重大結果。 <span>〔3〕</span> 
254
+                        第一款mRNA疫苗進入人類狂犬病臨床試驗。雖然只顯示出微弱的免疫系統反應,但它展示出mRNA疫苗技術對人類是安全的重大結果。 <span>〔3〕</span>
246 255
                       </p>
247 256
                     </div>
248 257
                   </div>
@@ -262,11 +271,11 @@
262 271
                   </div>
263 272
                 </div>
264 273
               </div>
265
-  
274
+
266 275
               <!-- If we need navigation buttons -->
267 276
               <div class="swiper-button-prev"></div>
268 277
               <div class="swiper-button-next"></div>
269
-  
278
+
270 279
             </div>
271 280
           </div>
272 281
         </div>
@@ -297,17 +306,19 @@
297 306
           </div>
298 307
         </div>
299 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 311
             <div class="research__pic">
302 312
               <img src="./images/research-pic-proud.png" alt="">
303 313
             </div>
304 314
             <div class="research__name">
305 315
               <p>
306
-                第一課 <span>▶▶</span> mRNA疫苗 
316
+                第一課 <span>▶▶</span> mRNA疫苗
307 317
               </p>
308 318
             </div>
309 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 322
             <div class="research__pic">
312 323
               <img src="./images/research-pic-feature.png" alt="">
313 324
             </div>
@@ -317,7 +328,8 @@
317 328
               </p>
318 329
             </div>
319 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 333
             <div class="research__pic">
322 334
               <img src="./images/research-pic-show.png" alt="">
323 335
             </div>
@@ -327,7 +339,8 @@
327 339
               </p>
328 340
             </div>
329 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 344
             <div class="research__pic">
332 345
               <img src="./images/research-pic-unlimit.png" alt="">
333 346
             </div>
@@ -337,7 +350,8 @@
337 350
               </p>
338 351
             </div>
339 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 355
             <div class="research__pic">
342 356
               <img src="./images/research-pic-test.png" alt="">
343 357
             </div>
@@ -369,7 +383,8 @@
369 383
           </div>
370 384
         </div>
371 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 388
         </p>
374 389
         <div class="qa__keypoint">
375 390
           <h3>
@@ -421,7 +436,8 @@
421 436
                   我已經感染過新冠肺炎,還需要接種最新型的新變異株疫苗嗎?
422 437
                 </h4>
423 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 441
                 </p>
426 442
               </li>
427 443
               <li class="qa__box__item">
@@ -476,7 +492,7 @@
476 492
               </li>
477 493
               <li class="qa__box__item">
478 494
                 <h4>
479
-                  COVID-19疫苗會有哪些副作用?  
495
+                  COVID-19疫苗會有哪些副作用?
480 496
                 </h4>
481 497
                 <ul>
482 498
                   <li>
@@ -491,10 +507,11 @@
491 507
                   </li>
492 508
                   <li>
493 509
                     <p>
494
-                      如有持續發燒超過 48 小時、 嚴重過敏反應如呼吸困難、氣喘、眩暈、心跳加速、全身紅疹等不適症狀,應儘速就醫釐清病因,並告知醫師曾接種疫苗,以做為診斷之參考,同時請醫師通報當地衛生局或疾病管制署。<span>〔21〕</span>         
510
+                      如有持續發燒超過 48 小時、
511
+                      嚴重過敏反應如呼吸困難、氣喘、眩暈、心跳加速、全身紅疹等不適症狀,應儘速就醫釐清病因,並告知醫師曾接種疫苗,以做為診斷之參考,同時請醫師通報當地衛生局或疾病管制署。<span>〔21〕</span>
495 512
                     </p>
496 513
                   </li>
497
-                </ul>      
514
+                </ul>
498 515
               </li>
499 516
 
500 517
               <li class="qa__box__item">
@@ -502,7 +519,7 @@
502 519
                   後疫情時代下的「長新冠」症狀,哪些人更需要注意?
503 520
                 </h4>
504 521
                 <p>
505
-                  有些人可能更容易出現長期COVID-19後遺症,包括:<br>                
522
+                  有些人可能更容易出現長期COVID-19後遺症,包括:<br>
506 523
                 </p>
507 524
                 <ul>
508 525
                   <li>
@@ -518,7 +535,7 @@
518 535
                     <p>「長新冠」症狀包含 : 腦霧、頭痛、呼吸問題、咳嗽、胸痛或心跳加快、疲勞,發燒、睡眠問題、腹瀉、皮膚問題。</p>
519 536
                   </li>
520 537
                 </ul>
521
-                
538
+
522 539
               </li>
523 540
             </ul>
524 541
           </div>
@@ -547,7 +564,8 @@
547 564
           </div>
548 565
         </div>
549 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 569
             <div class="moreref__pic">
552 570
               <img src="./images/moreref-line.png" alt="">
553 571
             </div>
@@ -555,7 +573,8 @@
555 573
               <p>立即錄用健康管家</p>
556 574
             </div>
557 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 578
             <div class="moreref__pic">
560 579
               <img src="./images/moreref-map.png" alt="">
561 580
             </div>
@@ -573,31 +592,61 @@
573 592
     <footer class="footer">
574 593
       <h2>參考資料</h2>
575 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 650
       </p>
602 651
       <!-- <div class="copyright">
603 652
         <p>TW-COV-2300085, Oct 2023</p>
@@ -605,7 +654,8 @@
605 654
     </footer>
606 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 659
     <div class="modal-dialog modal-dialog-centered">
610 660
       <div class="modal-content">
611 661
         <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
@@ -658,7 +708,8 @@
658 708
               </div>
659 709
               <div class="modal__text">
660 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 713
                 <div class="modal__additional">
663 714
                   <div class="modal__additional__icon">
664 715
                     <img src="./images/rearch-popup/proud-pic-lamp.png" alt="">
@@ -687,7 +738,8 @@
687 738
     </div>
688 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 743
     <div class="modal-dialog modal-dialog-centered">
692 744
       <div class="modal-content">
693 745
         <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
@@ -725,7 +777,7 @@
725 777
               </div>
726 778
               <div class="modal__principle__text modal__principle__text-pc">
727 779
                 <p>
728
-                  不需要注射抗原本身。將抗原的基因序列或「代碼」翻譯成的mRNA,誘導人體產生真實的抗體。然後,mRNA會被人體的自然防禦機制降解而消失,留下抗體對抗病毒。 
780
+                  不需要注射抗原本身。將抗原的基因序列或「代碼」翻譯成的mRNA,誘導人體產生真實的抗體。然後,mRNA會被人體的自然防禦機制降解而消失,留下抗體對抗病毒。
729 781
                 </p>
730 782
               </div>
731 783
             </div>
@@ -736,7 +788,7 @@
736 788
             </div>
737 789
             <div class="modal__principle__text modal__principle__text-mb">
738 790
               <p>
739
-                不需要注射抗原本身。將抗原的基因序列或「代碼」翻譯成的mRNA,誘導人體產生真實的抗體。然後,mRNA會被人體的自然防禦機制降解而消失,留下抗體對抗病毒。 
791
+                不需要注射抗原本身。將抗原的基因序列或「代碼」翻譯成的mRNA,誘導人體產生真實的抗體。然後,mRNA會被人體的自然防禦機制降解而消失,留下抗體對抗病毒。
740 792
               </p>
741 793
             </div>
742 794
           </div>
@@ -749,19 +801,19 @@
749 801
               </div>
750 802
             </div>
751 803
             <div class="modal__item">
752
-              <h4>應變性  : </h4>
804
+              <h4>應變性 : </h4>
753 805
               <div class="modal__text">
754 806
                 <p>mRNA 疫苗可以快速改變抗原設計,隨時製造出需要的新抗原,以快速應對病毒基因的突變。<span>〔9〕</span></p>
755 807
               </div>
756 808
             </div>
757 809
             <div class="modal__item">
758
-              <h4>針對性 :  </h4>
810
+              <h4>針對性 : </h4>
759 811
               <div class="modal__text">
760 812
                 <p>僅截取所需的蛋白質密碼,不含其他病毒的基因訊息。<span>〔10〕</span></p>
761 813
               </div>
762 814
             </div>
763 815
             <div class="modal__item">
764
-              <h4>不滯留性:  </h4>
816
+              <h4>不滯留性: </h4>
765 817
               <div class="modal__text">
766 818
                 <p>不會長期停留體內且無其他毒性風險。</p>
767 819
               </div>
@@ -778,7 +830,8 @@
778 830
     </div>
779 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 835
     <div class="modal-dialog modal-dialog-centered">
783 836
       <div class="modal-content">
784 837
         <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
@@ -808,7 +861,7 @@
808 861
               </li>
809 862
               <li>
810 863
                 <p>
811
-                  自身免疫性病毒 
864
+                  自身免疫性病毒
812 865
                 </p>
813 866
               </li>
814 867
               <li>
@@ -848,7 +901,8 @@
848 901
     </div>
849 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 906
     <div class="modal-dialog modal-dialog-centered">
853 907
       <div class="modal-content">
854 908
         <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
@@ -871,7 +925,8 @@
871 925
           </div>
872 926
           <div class="modal__preface">
873 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 930
               而藉由他們的突破性發現,人們根本性的改變對於mRNA如何與免疫系統相互作用的理解,在現代人類面臨健康最大威脅之一的COVID-19疫情期間,兩位科學家為空前的疫苗研發速度做出貢獻。
876 931
               <span>〔11〕</span>
877 932
             </p>
@@ -956,7 +1011,7 @@
956 1011
               </div>
957 1012
               <div class="modal__operation__text">
958 1013
                 <p>
959
-                  產生棘蛋白後,細胞會分解和消除發出指令的mRNA。 
1014
+                  產生棘蛋白後,細胞會分解和消除發出指令的mRNA。
960 1015
                 </p>
961 1016
               </div>
962 1017
             </div>
@@ -986,7 +1041,8 @@
986 1041
     </div>
987 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 1046
     <div class="modal-dialog modal-dialog-centered">
991 1047
       <div class="modal-content">
992 1048
         <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
@@ -1001,10 +1057,12 @@
1001 1057
             <div class="modal__game__item" data-num="1">
1002 1058
               <div class="modal__game__ques">
1003 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 1062
                     <img src="./images/rearch-popup/circle-white.png" alt="">
1006 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 1066
                     <img src="./images/rearch-popup/cross-white.png" alt="">
1009 1067
                   </div>
1010 1068
                 </div>
@@ -1022,10 +1080,12 @@
1022 1080
             <div class="modal__game__item" data-num="2">
1023 1081
               <div class="modal__game__ques">
1024 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 1085
                     <img src="./images/rearch-popup/circle-white.png" alt="">
1027 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 1089
                     <img src="./images/rearch-popup/cross-white.png" alt="">
1030 1090
                   </div>
1031 1091
                 </div>
@@ -1043,10 +1103,12 @@
1043 1103
             <div class="modal__game__item" data-num="3">
1044 1104
               <div class="modal__game__ques">
1045 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 1108
                     <img src="./images/rearch-popup/circle-white.png" alt="">
1048 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 1112
                     <img src="./images/rearch-popup/cross-white.png" alt="">
1051 1113
                   </div>
1052 1114
                 </div>
@@ -1064,10 +1126,12 @@
1064 1126
             <div class="modal__game__item" data-num="4">
1065 1127
               <div class="modal__game__ques">
1066 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 1131
                     <img src="./images/rearch-popup/circle-white.png" alt="">
1069 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 1135
                     <img src="./images/rearch-popup/cross-white.png" alt="">
1072 1136
                   </div>
1073 1137
                 </div>
@@ -1085,10 +1149,12 @@
1085 1149
             <div class="modal__game__item" data-num="5">
1086 1150
               <div class="modal__game__ques">
1087 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 1154
                     <img src="./images/rearch-popup/circle-white.png" alt="">
1090 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 1158
                     <img src="./images/rearch-popup/cross-white.png" alt="">
1093 1159
                   </div>
1094 1160
                 </div>
@@ -1109,6 +1175,7 @@
1109 1175
     </div>
1110 1176
   </div>
1111 1177
 
1178
+  <script src="https://www.googletagmanager.com/gtag/js?id=G-WM72ZTPQGL"></script>
1112 1179
   <script src="lib/jquery-3.6.4.min.js"></script>
1113 1180
   <script src="https://www.youtube.com/iframe_api"></script>
1114 1181
   <script src="lib/swiper.min.js"></script>
@@ -1132,7 +1199,7 @@
1132 1199
     var vConsole = new VConsole();
1133 1200
     console.log('Hello world');
1134 1201
   </script> -->
1135
-  
1202
+
1136 1203
 
1137 1204
 </body>
1138 1205
 

+ 9
- 9
src/fe/mrna/js/ga.js Datei anzeigen

@@ -11,14 +11,14 @@ ga_default = function (_id) {
11 11
         'send_page_view': false
12 12
     });
13 13
 
14
-    function gtag_pageView(_key) {
14
+    function gtag_pageView(_key, args = {}) {
15 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 24
     function gtag_ButtonClick(_name, _key) {
@@ -59,8 +59,8 @@ ga_default = function (_id) {
59 59
         init();
60 60
     }
61 61
     return {
62
-        pageView: function (_key) {
63
-            gtag_pageView(_key)
62
+        pageView: function (_key, args = {}) {
63
+            gtag_pageView(_key, args)
64 64
         },
65 65
         ButtonClick: function (_name, _key) {
66 66
             gtag_ButtonClick(_name, _key)
@@ -71,4 +71,4 @@ ga_default = function (_id) {
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 Datei anzeigen

@@ -76,6 +76,25 @@ main = function () {
76 76
 	function init() {
77 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 98
 		$(window).resize(function () {
80 99
 			resizeWindow();
81 100
 		});

+ 6
- 0
src/fe/mrna/js/tealiumTracking.js Datei anzeigen

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