Merge branch 'dev'

src/fe/mrna/index.html

@@ -10,7 +10,8 @@
   <title>時下正夯的mRNA你了解多少 ?</title>
 
   <meta name="description" content="mRNA疫苗在現代人類面臨健康最大威脅之一的COVID-19疫情大展身手，也推動了更多疾病領域的藥物發展。進入學堂，了解mRNA無限可能 !" />
-  <meta name="keywords" content="mRNA疫苗, 奈米科技, mRNA疫苗技術, 奈米, 信使核糖核酸, 單鍊結構, 疫苗技術, 免疫反應, 疫苗接種, 罕見病, 疫苗, 癌症, 新冠, 諾貝爾生醫獎, 新冠疫苗, mRNA學堂, 新冠肺炎, 李慶雲, 新冠疫情, 李慶雲兒童感染暨疫苗發展醫學文教基金會, 疫情, 你的健康生活好管家, COVID	, COVID-19 	, Covid	, Covid疫苗	" />
+  <meta name="keywords"
+    content="mRNA疫苗, 奈米科技, mRNA疫苗技術, 奈米, 信使核糖核酸, 單鍊結構, 疫苗技術, 免疫反應, 疫苗接種, 罕見病, 疫苗, 癌症, 新冠, 諾貝爾生醫獎, 新冠疫苗, mRNA學堂, 新冠肺炎, 李慶雲, 新冠疫情, 李慶雲兒童感染暨疫苗發展醫學文教基金會, 疫情, 你的健康生活好管家, COVID	, COVID-19 	, Covid	, Covid疫苗	" />
 
   <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" sizes="32x32" />
   <link rel="image_src" href="https://event.leecy.org.tw/mrna/images/share.jpg" />
@@ -23,25 +24,27 @@
 
   <link rel="stylesheet" href="./css/all.css">
 
-  <!-- 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>
+  <!-- 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>
 
   <script type="text/javascript">
-    var moderna_dl ={ 
-        page:{ 
-            "site_language" : "chinese", 
-            "root_domain" : "leecy.org.tw", 
-            "therapeutic_area" : "infectious diseases", 
-            "side_of_brand" : "dtc", 
-            "brand_name" : "spikevax", 
-            "site_branding" : "branded", 
-            "indication" : "covid-19", 
-            "business_function" : "commercial", 
-            "location": "taiwan" 
-          } 
-      }; 
+    var moderna_dl = {
+      page: {
+        "site_language": "chinese",
+        "root_domain": "leecy.org.tw",
+        "therapeutic_area": "infectious diseases",
+        "side_of_brand": "dtc",
+        "brand_name": "spikevax",
+        "site_branding": "branded",
+        "indication": "covid-19",
+        "business_function": "commercial",
+        "location": "taiwan"
+      }
+    }; 
   </script>
 
-  <script type="text/javascript"> 
+  <script type="text/javascript">
     window.moderna_dl["page.page_type"] = '';
     window.moderna_dl["page.error_message"] = '';
     window.moderna_dl["page.error_code"] = '';
@@ -71,30 +74,35 @@
         <h1>mRNA學堂</h1>
       </div>
       <nav class="header__nav">
-        <a href="https://event.leecy.org.tw/mrna/#expert" class="header__nav__item header__nav__item-expert" data-anchor="expert">
+        <a href="https://event.leecy.org.tw/mrna/#expert" class="header__nav__item header__nav__item-expert"
+          data-anchor="expert" data-gaEvent-category="Header" data-gaEvent-label="mRNA發展室">
           <p>mRNA發展室</p>
           <div class="header__nav__item__line"></div>
         </a>
-        <a href="https://event.leecy.org.tw/mrna/#research" class="header__nav__item header__nav__item-research" data-anchor="research">
+        <a href="https://event.leecy.org.tw/mrna/#research" class="header__nav__item header__nav__item-research"
+          data-anchor="research" data-gaEvent-category="Header" data-gaEvent-label="mRNA研究室">
           <p>mRNA研究室</p>
           <div class="header__nav__item__line"></div>
         </a>
-        <a href="https://event.leecy.org.tw/mrna/#qa" class="header__nav__item header__nav__item-qa" data-anchor="qa">
+        <a href="https://event.leecy.org.tw/mrna/#qa" class="header__nav__item header__nav__item-qa" data-anchor="qa"
+          data-gaEvent-category="Header" data-gaEvent-label="mRNA解答室">
           <p>mRNA解答室</p>
           <div class="header__nav__item__line"></div>
         </a>
-        <a href="https://event.leecy.org.tw/mrna/#moreref" class="header__nav__item header__nav__item-moreref" data-anchor="moreref">
+        <a href="https://event.leecy.org.tw/mrna/#moreref" class="header__nav__item header__nav__item-moreref"
+          data-anchor="moreref" data-gaEvent-category="Header" data-gaEvent-label="mRNA輔導室">
           <p>mRNA輔導室</p>
           <div class="header__nav__item__line"></div>
         </a>
-        <a href="https://lin.ee/LP8wXFd" target="_blank" class="header__nav__item header__nav__item-line">
+        <a href="https://lin.ee/LP8wXFd" target="_blank" class="header__nav__item header__nav__item-line"
+          data-gaEvent-category="Header" data-gaEvent-label="mRNA客服室">
           <p>mRNA客服室</p>
           <div class="header__nav__item__line"></div>
         </a>
       </nav>
     </header>
     <a class="goToLine" href="https://lin.ee/LP8wXFd" target="_blank">
-      <img src="./images/button-float.png" >
+      <img src="./images/button-float.png">
     </a>
     <!-- expert 專家教a你認識 mRNA -->
     <section id="expert" class="section expert">
@@ -114,7 +122,7 @@
             <img src="./images/expert-title-bg.png" alt="">
           </div>
           <h2>什麼是<br class="pc-show"><span class="eng">mRNA</span></h2>
-        </div> 
+        </div>
         <!-- 影片 -->
         <div class="video expert__video expert__video-0">
           <div class="video__overlay">
@@ -131,7 +139,7 @@
         </div>
       </div>
     </section>
-    
+
     <!-- understand 談談mRNA -->
     <section id="understand" class="section understand">
       <div class="bg">
@@ -213,7 +221,8 @@
                     </div>
                     <div class="history__timeline__desc">
                       <p>
-                        科學家開始思考如果他們能讓mRNA進入身體提供細胞的指令，以製造這個病毒的一小部分，而不是注射弱化的病毒，會怎樣呢？然而，要使其有效，mRNA必須進入我們體內的細胞，以便能夠傳遞其信息。 <span>〔3〕</span><br> 
+                        科學家開始思考如果他們能讓mRNA進入身體提供細胞的指令，以製造這個病毒的一小部分，而不是注射弱化的病毒，會怎樣呢？然而，要使其有效，mRNA必須進入我們體內的細胞，以便能夠傳遞其信息。
+                        <span>〔3〕</span><br>
                         最初面臨的挑戰是，當mRNA注入體內時會分解，而被我們的身體迅速回收，無法順利進入細胞。
                       </p>
                     </div>
@@ -242,7 +251,7 @@
                     </div>
                     <div class="history__timeline__desc">
                       <p>
-                        第一款mRNA疫苗進入人類狂犬病臨床試驗。雖然只顯示出微弱的免疫系統反應，但它展示出mRNA疫苗技術對人類是安全的重大結果。 <span>〔3〕</span> 
+                        第一款mRNA疫苗進入人類狂犬病臨床試驗。雖然只顯示出微弱的免疫系統反應，但它展示出mRNA疫苗技術對人類是安全的重大結果。 <span>〔3〕</span>
                       </p>
                     </div>
                   </div>
@@ -262,11 +271,11 @@
                   </div>
                 </div>
               </div>
-  
+
               <!-- If we need navigation buttons -->
               <div class="swiper-button-prev"></div>
               <div class="swiper-button-next"></div>
-  
+
             </div>
           </div>
         </div>
@@ -297,17 +306,19 @@
           </div>
         </div>
         <div class="research__list">
-          <div class="research__item" data-bs-toggle="modal" data-bs-target="#proudModal">
+          <div class="research__item" data-bs-toggle="modal" data-bs-target="#proudModal"
+            data-gaEvent-category="Engagement" data-gaEvent-label="mRNA研究室 | 第一課 mRNA疫苗">
             <div class="research__pic">
               <img src="./images/research-pic-proud.png" alt="">
             </div>
             <div class="research__name">
               <p>
-                第一課 <span>▶▶</span> mRNA疫苗 
+                第一課 <span>▶▶</span> mRNA疫苗
               </p>
             </div>
           </div>
-          <div class="research__item" data-bs-toggle="modal" data-bs-target="#featureModal">
+          <div class="research__item" data-bs-toggle="modal" data-bs-target="#featureModal"
+            data-gaEvent-category="Engagement" data-gaEvent-label="mRNA研究室 | 第二課 mRNA疫苗特色">
             <div class="research__pic">
               <img src="./images/research-pic-feature.png" alt="">
             </div>
@@ -317,7 +328,8 @@
               </p>
             </div>
           </div>
-          <div class="research__item" data-bs-toggle="modal" data-bs-target="#showModal">
+          <div class="research__item" data-bs-toggle="modal" data-bs-target="#showModal"
+            data-gaEvent-category="Engagement" data-gaEvent-label="mRNA研究室 | 第三課 疫情下的mRNA疫苗">
             <div class="research__pic">
               <img src="./images/research-pic-show.png" alt="">
             </div>
@@ -327,7 +339,8 @@
               </p>
             </div>
           </div>
-          <div class="research__item" data-bs-toggle="modal" data-bs-target="#unlimitModal">
+          <div class="research__item" data-bs-toggle="modal" data-bs-target="#unlimitModal"
+            data-gaEvent-category="Engagement" data-gaEvent-label="mRNA研究室 | 第四課 mRNA無限可能">
             <div class="research__pic">
               <img src="./images/research-pic-unlimit.png" alt="">
             </div>
@@ -337,7 +350,8 @@
               </p>
             </div>
           </div>
-          <div class="research__item" data-bs-toggle="modal" data-bs-target="#testModal">
+          <div class="research__item" data-bs-toggle="modal" data-bs-target="#testModal"
+            data-gaEvent-category="Engagement" data-gaEvent-label="mRNA研究室 | mRNA知識檢定">
             <div class="research__pic">
               <img src="./images/research-pic-test.png" alt="">
             </div>
@@ -369,7 +383,8 @@
           </div>
         </div>
         <p class="qa__desc">
-          2023年5月5日世界衛生組織宣布結束COVID-19作為國際關注<br class="mb-show">的突發公共衛生事件<span>〔14〕</span> ，然而隨著病毒持續變異，<br class="mb-show">COVID-19尚未消失……
+          2023年5月5日世界衛生組織宣布結束COVID-19作為國際關注<br class="mb-show">的突發公共衛生事件<span>〔14〕</span> ，然而隨著病毒持續變異，<br
+            class="mb-show">COVID-19尚未消失……
         </p>
         <div class="qa__keypoint">
           <h3>
@@ -421,7 +436,8 @@
                   我已經感染過新冠肺炎，還需要接種最新型的新變異株疫苗嗎？
                 </h4>
                 <p>
-                  雖然感染新冠後，身體都會對病毒產生一定免疫力，但接種疫苗可讓我們獲得更穩定的保護。有研究指出，有接種疫苗的人與沒有接種疫苗的人士相比，再次感染新冠病毒的風險減少50%！<span>〔16〕</span>同時，不論是透過感染或疫苗獲得的免疫保護，一般會在<b>4-6個月後</b>明顯減弱 <span>〔17〕</span>。所以，不管有無感染過新冠，皆可視自身需要、符合施打條件的情形下，考慮根據指示接種新變異株疫苗增強保護力。
+                  雖然感染新冠後，身體都會對病毒產生一定免疫力，但接種疫苗可讓我們獲得更穩定的保護。有研究指出，有接種疫苗的人與沒有接種疫苗的人士相比，再次感染新冠病毒的風險減少50%！<span>〔16〕</span>同時，不論是透過感染或疫苗獲得的免疫保護，一般會在<b>4-6個月後</b>明顯減弱
+                  <span>〔17〕</span>。所以，不管有無感染過新冠，皆可視自身需要、符合施打條件的情形下，考慮根據指示接種新變異株疫苗增強保護力。
                 </p>
               </li>
               <li class="qa__box__item">
@@ -476,7 +492,7 @@
               </li>
               <li class="qa__box__item">
                 <h4>
-                  COVID-19疫苗會有哪些副作用?  
+                  COVID-19疫苗會有哪些副作用?
                 </h4>
                 <ul>
                   <li>
@@ -491,10 +507,11 @@
                   </li>
                   <li>
                     <p>
-                      如有持續發燒超過 48 小時、 嚴重過敏反應如呼吸困難、氣喘、眩暈、心跳加速、全身紅疹等不適症狀，應儘速就醫釐清病因，並告知醫師曾接種疫苗，以做為診斷之參考，同時請醫師通報當地衛生局或疾病管制署。<span>〔21〕</span>         
+                      如有持續發燒超過 48 小時、
+                      嚴重過敏反應如呼吸困難、氣喘、眩暈、心跳加速、全身紅疹等不適症狀，應儘速就醫釐清病因，並告知醫師曾接種疫苗，以做為診斷之參考，同時請醫師通報當地衛生局或疾病管制署。<span>〔21〕</span>
                     </p>
                   </li>
-                </ul>      
+                </ul>
               </li>
 
               <li class="qa__box__item">
@@ -502,7 +519,7 @@
                   後疫情時代下的「長新冠」症狀，哪些人更需要注意?
                 </h4>
                 <p>
-                  有些人可能更容易出現長期COVID-19後遺症，包括：<br>                
+                  有些人可能更容易出現長期COVID-19後遺症，包括：<br>
                 </p>
                 <ul>
                   <li>
@@ -518,7 +535,7 @@
                     <p>「長新冠」症狀包含 : 腦霧、頭痛、呼吸問題、咳嗽、胸痛或心跳加快、疲勞，發燒、睡眠問題、腹瀉、皮膚問題。</p>
                   </li>
                 </ul>
-                
+
               </li>
             </ul>
           </div>
@@ -547,7 +564,8 @@
           </div>
         </div>
         <div class="moreref__list">
-          <a class="moreref__item moreref__item-line" href="https://lin.ee/LP8wXFd" target="_blank">
+          <a class="moreref__item moreref__item-line" href="https://lin.ee/LP8wXFd" target="_blank"
+            data-gaEvent-category="Engagement" data-gaEvent-label="mRNA輔導室 | 立即錄用健康管家">
             <div class="moreref__pic">
               <img src="./images/moreref-line.png" alt="">
             </div>
@@ -555,7 +573,8 @@
               <p>立即錄用健康管家</p>
             </div>
           </a>
-          <a class="moreref__item moreref__item-map" href="https://covid19vaccine.cdc.gov.tw/" target="_blank">
+          <a class="moreref__item moreref__item-map" href="https://covid19vaccine.cdc.gov.tw/" target="_blank"
+            data-gaEvent-category="Engagement" data-gaEvent-label="mRNA輔導室 | 搜尋醫療院所">
             <div class="moreref__pic">
               <img src="./images/moreref-map.png" alt="">
             </div>
@@ -573,31 +592,61 @@
     <footer class="footer">
       <h2>參考資料</h2>
       <p>
-        〔1〕 Expression kinetics of nucleoside-modified mRNA delivered in lipid nanoparticles to mice by various routes. J Control Release (2015) Table 1).   
-        〔2〕 The Tangled History of mRNA Vaccines. Nature (2021) (Page (the beginnings of mRNA], Paragraph 1, Line 5)  
-        〔3〕 The Tangled History of mRNA Vaccines. Nature (2021) (Figure 2)  
-        〔4〕COV-Power of mRNA – Infographic-US- English   
-        〔5〕mRNA主題_黃立民教授_台詞分鏡表/mRNA疫苗作用機轉  
-        〔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>
-        〔7〕mRNA主題_黃立民教授_台詞分鏡表/mRNA疫苗作用機轉  
-        〔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>
-        〔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>
-        〔10〕mRNA主題_黃立民教授_台詞分鏡表/mRNA疫苗的特色  
-        〔11〕公視新聞網/2023諾貝爾生醫獎 研發mRNA疫苗2科學家獲得 : <a target="_blank" href="https://news.pts.org.tw/article/659906">https://news.pts.org.tw/article/659906</a>
-        〔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>
-        〔13〕mRNA主題_黃立民教授_台詞分鏡表/mRNA疫苗的特色  
-        〔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>
-        〔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>
-        〔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  
-        〔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>
-        〔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>
-        〔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>
-        〔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>
-        〔21〕台灣感染症醫學會/6個月-5歲之嬰幼兒疫苗接種建議: <a target="_blank" href="https://fightcovid19.com.tw/">https://fightcovid19.com.tw/</a>
-        
-        
-        
-        
+        〔1〕 Expression kinetics of nucleoside-modified mRNA delivered in lipid nanoparticles to mice by various routes.
+        J Control Release (2015) Table 1).
+        〔2〕 The Tangled History of mRNA Vaccines. Nature (2021) (Page (the beginnings of mRNA], Paragraph 1, Line 5)
+        〔3〕 The Tangled History of mRNA Vaccines. Nature (2021) (Figure 2)
+        〔4〕COV-Power of mRNA – Infographic-US- English
+        〔5〕mRNA主題_黃立民教授_台詞分鏡表/mRNA疫苗作用機轉
+        〔6〕CanImmunize/mRNA 101/ <a target="_blank"
+          href="https://learn.canimmunize.ca/en/learn-about-immunization/mrna-101" data-gaEvent-category="Ref"
+          data-gaEvent-label="https://learn.canimmunize.ca/en/learn-about-immunization/mrna-101">https://learn.canimmunize.ca/en/learn-about-immunization/mrna-101</a>
+        〔7〕mRNA主題_黃立民教授_台詞分鏡表/mRNA疫苗作用機轉
+        〔8〕BBC News/Could mRNA make us superman?/<a target="_blank"
+          href="https://www.bbc.com/future/article/20211122-could-mrna-make-us-superhuman" data-gaEvent-category="Ref"
+          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>
+        〔9〕BBC News/Could mRNA make us superman?/<a target="_blank"
+          href="https://www.bbc.com/future/article/20211122-could-mrna-make-us-superhuman" data-gaEvent-category="Ref"
+          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>
+        〔10〕mRNA主題_黃立民教授_台詞分鏡表/mRNA疫苗的特色
+        〔11〕公視新聞網/2023諾貝爾生醫獎 研發mRNA疫苗2科學家獲得 : <a target="_blank" href="https://news.pts.org.tw/article/659906"
+          data-gaEvent-category="Ref"
+          data-gaEvent-label="https://news.pts.org.tw/article/659906">https://news.pts.org.tw/article/659906</a>
+        〔12〕 Taiwan CDC/COVID-19疫苗Q&A/5.疫苗安全: <a target="_blank"
+          href="https://www.cdc.gov.tw/Category/QAPage/U6RuirseltWaY9Nd7LuWXA" data-gaEvent-category="Ref"
+          data-gaEvent-label="https://www.cdc.gov.tw/Category/QAPage/U6RuirseltWaY9Nd7LuWXA">https://www.cdc.gov.tw/Category/QAPage/U6RuirseltWaY9Nd7LuWXA</a>
+        〔13〕mRNA主題_黃立民教授_台詞分鏡表/mRNA疫苗的特色
+        〔14〕衛生福利部：<a target="_blank" href="https://covid19.mohw.gov.tw/ch/cp-4822-74703-205.html"
+          data-gaEvent-category="Ref"
+          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>
+        〔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/" data-gaEvent-category="Ref"
+          data-gaEvent-label="https://www.who.int/">https://www.who.int/emergencies/diseases/novelcoronavirus-2019/covid-19-vaccines/advice</a>
+        〔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
+        〔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.who.int/news-room/feature-stories/detail/side-e%1Eects-of-covid-19-vaccines"
+          data-gaEvent-category="Ref"
+          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>
+        〔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.who.int/news-room/feature-stories/detail/side-e%1Eects-of-covid-19-vaccines"
+          data-gaEvent-category="Ref"
+          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>
+        〔19〕Taiwan CDC/COVID-19疫苗Q&A/5.疫苗安全: <a target="_blank"
+          href="https://www.cdc.gov.tw/Category/QAPage/U6RuirseltWaY9Nd7LuWXA" data-gaEvent-category="Ref"
+          data-gaEvent-label="https://www.cdc.gov.tw/Category/QAPage/U6RuirseltWaY9Nd7LuWXA">https://www.cdc.gov.tw/Category/QAPage/U6RuirseltWaY9Nd7LuWXA</a>
+        〔20〕Taiwan CDC/COVID-19疫苗Q&A/8.孕婦及哺乳婦女: <a target="_blank"
+          href="https://www.cdc.gov.tw/Category/QAPage/aVLK2xpg8y3KYmkLK8X6iA" data-gaEvent-category="Ref"
+          data-gaEvent-label="https://www.cdc.gov.tw/Category/QAPage/aVLK2xpg8y3KYmkLK8X6iA">https://www.cdc.gov.tw/Category/QAPage/aVLK2xpg8y3KYmkLK8X6iA</a>
+        〔21〕台灣感染症醫學會/6個月-5歲之嬰幼兒疫苗接種建議: <a target="_blank" href="https://fightcovid19.com.tw/"
+          data-gaEvent-category="Ref" data-gaEvent-label="https://fightcovid19.com.tw/">https://fightcovid19.com.tw/</a>
+
+
+
+
       </p>
       <!-- <div class="copyright">
         <p>TW-COV-2300085, Oct 2023</p>
@@ -605,7 +654,8 @@
     </footer>
   </div>
 
-  <div class="modal modal-research modal-proud fade" id="proudModal" tabindex="-1" aria-labelledby="proudModalLabel" aria-hidden="true">
+  <div class="modal modal-research modal-proud fade" id="proudModal" tabindex="-1" aria-labelledby="proudModalLabel"
+    aria-hidden="true">
     <div class="modal-dialog modal-dialog-centered">
       <div class="modal-content">
         <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
@@ -658,7 +708,8 @@
               </div>
               <div class="modal__text">
                 <h4>mRNA輸入體內</h4>
-                <p>注射mRNA疫苗後，抗原呈現細胞(antigen-presenting cell, 簡稱APCs)就會吞噬LNP使之崩解，mRNA這時會促使細胞開始產生抗病毒抗體反應。<span>〔5〕</span></p>
+                <p>注射mRNA疫苗後，抗原呈現細胞(antigen-presenting cell, 簡稱APCs)就會吞噬LNP使之崩解，mRNA這時會促使細胞開始產生抗病毒抗體反應。<span>〔5〕</span>
+                </p>
                 <div class="modal__additional">
                   <div class="modal__additional__icon">
                     <img src="./images/rearch-popup/proud-pic-lamp.png" alt="">
@@ -687,7 +738,8 @@
     </div>
   </div>
 
-  <div class="modal modal-research modal-feature fade" id="featureModal" tabindex="-1" aria-labelledby="featureModalLabel" aria-hidden="true">
+  <div class="modal modal-research modal-feature fade" id="featureModal" tabindex="-1"
+    aria-labelledby="featureModalLabel" aria-hidden="true">
     <div class="modal-dialog modal-dialog-centered">
       <div class="modal-content">
         <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
@@ -725,7 +777,7 @@
               </div>
               <div class="modal__principle__text modal__principle__text-pc">
                 <p>
-                  不需要注射抗原本身。將抗原的基因序列或「代碼」翻譯成的mRNA，誘導人體產生真實的抗體。然後，mRNA會被人體的自然防禦機制降解而消失，留下抗體對抗病毒。 
+                  不需要注射抗原本身。將抗原的基因序列或「代碼」翻譯成的mRNA，誘導人體產生真實的抗體。然後，mRNA會被人體的自然防禦機制降解而消失，留下抗體對抗病毒。
                 </p>
               </div>
             </div>
@@ -736,7 +788,7 @@
             </div>
             <div class="modal__principle__text modal__principle__text-mb">
               <p>
-                不需要注射抗原本身。將抗原的基因序列或「代碼」翻譯成的mRNA，誘導人體產生真實的抗體。然後，mRNA會被人體的自然防禦機制降解而消失，留下抗體對抗病毒。 
+                不需要注射抗原本身。將抗原的基因序列或「代碼」翻譯成的mRNA，誘導人體產生真實的抗體。然後，mRNA會被人體的自然防禦機制降解而消失，留下抗體對抗病毒。
               </p>
             </div>
           </div>
@@ -749,19 +801,19 @@
               </div>
             </div>
             <div class="modal__item">
-              <h4>應變性  : </h4>
+              <h4>應變性 : </h4>
               <div class="modal__text">
                 <p>mRNA 疫苗可以快速改變抗原設計，隨時製造出需要的新抗原，以快速應對病毒基因的突變。<span>〔9〕</span></p>
               </div>
             </div>
             <div class="modal__item">
-              <h4>針對性 :  </h4>
+              <h4>針對性 : </h4>
               <div class="modal__text">
                 <p>僅截取所需的蛋白質密碼，不含其他病毒的基因訊息。<span>〔10〕</span></p>
               </div>
             </div>
             <div class="modal__item">
-              <h4>不滯留性:  </h4>
+              <h4>不滯留性: </h4>
               <div class="modal__text">
                 <p>不會長期停留體內且無其他毒性風險。</p>
               </div>
@@ -778,7 +830,8 @@
     </div>
   </div>
 
-  <div class="modal modal-research modal-unlimit fade" id="unlimitModal" tabindex="-1" aria-labelledby="unlimitModalLabel" aria-hidden="true">
+  <div class="modal modal-research modal-unlimit fade" id="unlimitModal" tabindex="-1"
+    aria-labelledby="unlimitModalLabel" aria-hidden="true">
     <div class="modal-dialog modal-dialog-centered">
       <div class="modal-content">
         <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
@@ -808,7 +861,7 @@
               </li>
               <li>
                 <p>
-                  自身免疫性病毒 
+                  自身免疫性病毒
                 </p>
               </li>
               <li>
@@ -848,7 +901,8 @@
     </div>
   </div>
 
-  <div class="modal modal-research modal-show fade" id="showModal" tabindex="-1" aria-labelledby="showModalLabel" aria-hidden="true">
+  <div class="modal modal-research modal-show fade" id="showModal" tabindex="-1" aria-labelledby="showModalLabel"
+    aria-hidden="true">
     <div class="modal-dialog modal-dialog-centered">
       <div class="modal-content">
         <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
@@ -871,7 +925,8 @@
           </div>
           <div class="modal__preface">
             <p>
-              2023年諾貝爾生醫獎由匈牙利裔的美籍科學家卡里科（Katalin Kariko），和美國科學家魏斯曼（Drew Weissman）共同獲獎。兩人長期致力於mRNA疫苗研發，因為在核苷（nucleoside）修飾的有關發現，得以促成開發有效的COVID-19信使核糖核酸（mRNA）疫苗，故獲得醫學獎殊榮。<br>
+              2023年諾貝爾生醫獎由匈牙利裔的美籍科學家卡里科（Katalin Kariko），和美國科學家魏斯曼（Drew
+              Weissman）共同獲獎。兩人長期致力於mRNA疫苗研發，因為在核苷（nucleoside）修飾的有關發現，得以促成開發有效的COVID-19信使核糖核酸（mRNA）疫苗，故獲得醫學獎殊榮。<br>
               而藉由他們的突破性發現，人們根本性的改變對於mRNA如何與免疫系統相互作用的理解，在現代人類面臨健康最大威脅之一的COVID-19疫情期間，兩位科學家為空前的疫苗研發速度做出貢獻。
               <span>〔11〕</span>
             </p>
@@ -956,7 +1011,7 @@
               </div>
               <div class="modal__operation__text">
                 <p>
-                  產生棘蛋白後，細胞會分解和消除發出指令的mRNA。 
+                  產生棘蛋白後，細胞會分解和消除發出指令的mRNA。
                 </p>
               </div>
             </div>
@@ -986,7 +1041,8 @@
     </div>
   </div>
 
-  <div class="modal modal-research modal-test fade" id="testModal" tabindex="-1" aria-labelledby="testModalLabel" aria-hidden="true">
+  <div class="modal modal-research modal-test fade" id="testModal" tabindex="-1" aria-labelledby="testModalLabel"
+    aria-hidden="true">
     <div class="modal-dialog modal-dialog-centered">
       <div class="modal-content">
         <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
@@ -1001,10 +1057,12 @@
             <div class="modal__game__item" data-num="1">
               <div class="modal__game__ques">
                 <div class="modal__game__btns">
-                  <div class="modal__game__btns__btn modal__game__btns__btn-circle">
+                  <div class="modal__game__btns__btn modal__game__btns__btn-circle" data-gaEvent-category="Engagement"
+                    data-gaEvent-label="mRNA知識檢定 | Q1 mRNA如同食譜，身體就是按照它來創建基因代碼。 | yes">
                     <img src="./images/rearch-popup/circle-white.png" alt="">
                   </div>
-                  <div class="modal__game__btns__btn modal__game__btns__btn-cross">
+                  <div class="modal__game__btns__btn modal__game__btns__btn-cross" data-gaEvent-category="Engagement"
+                    data-gaEvent-label="mRNA知識檢定 | Q1 mRNA如同食譜，身體就是按照它來創建基因代碼。 | yes">
                     <img src="./images/rearch-popup/cross-white.png" alt="">
                   </div>
                 </div>
@@ -1022,10 +1080,12 @@
             <div class="modal__game__item" data-num="2">
               <div class="modal__game__ques">
                 <div class="modal__game__btns">
-                  <div class="modal__game__btns__btn modal__game__btns__btn-circle">
+                  <div class="modal__game__btns__btn modal__game__btns__btn-circle" data-gaEvent-category="Engagement"
+                    data-gaEvent-label="mRNA知識檢定 | Q2 mRNA會經由疫苗注射而穿透細胞的細胞核影響DNA。 | yes">
                     <img src="./images/rearch-popup/circle-white.png" alt="">
                   </div>
-                  <div class="modal__game__btns__btn modal__game__btns__btn-cross">
+                  <div class="modal__game__btns__btn modal__game__btns__btn-cross" data-gaEvent-category="Engagement"
+                    data-gaEvent-label="mRNA知識檢定 | Q2 mRNA會經由疫苗注射而穿透細胞的細胞核影響DNA。 | no">
                     <img src="./images/rearch-popup/cross-white.png" alt="">
                   </div>
                 </div>
@@ -1043,10 +1103,12 @@
             <div class="modal__game__item" data-num="3">
               <div class="modal__game__ques">
                 <div class="modal__game__btns">
-                  <div class="modal__game__btns__btn modal__game__btns__btn-circle">
+                  <div class="modal__game__btns__btn modal__game__btns__btn-circle" data-gaEvent-category="Engagement"
+                    data-gaEvent-label="mRNA知識檢定 | Q3 mRNA經由疫苗進入身體後不會長期滯留於體內。 | yes">
                     <img src="./images/rearch-popup/circle-white.png" alt="">
                   </div>
-                  <div class="modal__game__btns__btn modal__game__btns__btn-cross">
+                  <div class="modal__game__btns__btn modal__game__btns__btn-cross" data-gaEvent-category="Engagement"
+                    data-gaEvent-label="mRNA知識檢定 | Q3 mRNA經由疫苗進入身體後不會長期滯留於體內。 | no">
                     <img src="./images/rearch-popup/cross-white.png" alt="">
                   </div>
                 </div>
@@ -1064,10 +1126,12 @@
             <div class="modal__game__item" data-num="4">
               <div class="modal__game__ques">
                 <div class="modal__game__btns">
-                  <div class="modal__game__btns__btn modal__game__btns__btn-circle">
+                  <div class="modal__game__btns__btn modal__game__btns__btn-circle" data-gaEvent-category="Engagement"
+                    data-gaEvent-label="mRNA知識檢定 | Q4 mRNA技術永遠只能針對COVID-19做使用。 | yes">
                     <img src="./images/rearch-popup/circle-white.png" alt="">
                   </div>
-                  <div class="modal__game__btns__btn modal__game__btns__btn-cross">
+                  <div class="modal__game__btns__btn modal__game__btns__btn-cross" data-gaEvent-category="Engagement"
+                    data-gaEvent-label="mRNA知識檢定 | Q4 mRNA技術永遠只能針對COVID-19做使用。 | no">
                     <img src="./images/rearch-popup/cross-white.png" alt="">
                   </div>
                 </div>
@@ -1085,10 +1149,12 @@
             <div class="modal__game__item" data-num="5">
               <div class="modal__game__ques">
                 <div class="modal__game__btns">
-                  <div class="modal__game__btns__btn modal__game__btns__btn-circle">
+                  <div class="modal__game__btns__btn modal__game__btns__btn-circle" data-gaEvent-category="Engagement"
+                    data-gaEvent-label="mRNA知識檢定 | Q5 一般疫苗原理與mRNA疫苗原理的差異在於是否是注射抗原本身。 | yes">
                     <img src="./images/rearch-popup/circle-white.png" alt="">
                   </div>
-                  <div class="modal__game__btns__btn modal__game__btns__btn-cross">
+                  <div class="modal__game__btns__btn modal__game__btns__btn-cross" data-gaEvent-category="Engagement"
+                    data-gaEvent-label="mRNA知識檢定 | Q5 一般疫苗原理與mRNA疫苗原理的差異在於是否是注射抗原本身 | no">
                     <img src="./images/rearch-popup/cross-white.png" alt="">
                   </div>
                 </div>
@@ -1109,6 +1175,7 @@
     </div>
   </div>
 
+  <script src="https://www.googletagmanager.com/gtag/js?id=G-WM72ZTPQGL"></script>
   <script src="lib/jquery-3.6.4.min.js"></script>
   <script src="https://www.youtube.com/iframe_api"></script>
   <script src="lib/swiper.min.js"></script>
@@ -1132,7 +1199,7 @@
     var vConsole = new VConsole();
     console.log('Hello world');
   </script> -->
-  
+
 
 </body>
 

src/fe/mrna/js/ga.js

@@ -11,14 +11,14 @@ ga_default = function (_id) {
         'send_page_view': false
     });
 
-    function gtag_pageView(_key) {
+    function gtag_pageView(_key, args = {}) {
         //ga('send', 'pageview', key);
-        gtag('config', _id, {
-            'page_title': _key,
-            'page_path': '/' + _key
+        gtag('event', 'page_view', {
+            'page_title' : document.title,
+            'page_path': '/' + _key,
+            ...args,
         });
-
-        console.log("pageView: " + _key);
+        console.log("pageView: " + _key + 'args: ' + JSON.stringify(args));
     }
 
     function gtag_ButtonClick(_name, _key) {
@@ -59,8 +59,8 @@ ga_default = function (_id) {
         init();
     }
     return {
-        pageView: function (_key) {
-            gtag_pageView(_key)
+        pageView: function (_key, args = {}) {
+            gtag_pageView(_key, args)
         },
         ButtonClick: function (_name, _key) {
             gtag_ButtonClick(_name, _key)
@@ -71,4 +71,4 @@ ga_default = function (_id) {
     };
 }
 
-var setGA = new ga_default("xxxxxxxx");
+var setGA = new ga_default("G-WM72ZTPQGL");

src/fe/mrna/js/main.js

@@ -76,6 +76,25 @@ main = function () {
 	function init() {
 		console.log("main is loaded.");
 
+		const urlParams = new URLSearchParams(window.location.search);
+		const args = {};
+		if (urlParams.get("cc")) {
+			args.cc_code = urlParams.get("cc");
+		}
+
+		if (urlParams.get("tc")) {
+			args.tc_code = urlParams.get("tc");
+		}
+
+		setGA.pageView( 'index', args);
+
+		$("[data-gaEvent-label]").on('click', (event) => {
+			const target =  event.currentTarget;
+			const category = target.getAttribute('data-gaEvent-category');
+			const label = target.getAttribute('data-gaEvent-label');
+			setGA.ButtonClick( category, label);
+		});
+
 		$(window).resize(function () {
 			resizeWindow();
 		});

src/fe/mrna/js/tealiumTracking.js

@@ -41,12 +41,18 @@ tealiumTracking = function () {
                         currentSection = sectionId;
                         // console.log('目前在 ' + currentSection + ' 部分。');
                         jQuery("document").trigger( "virtualPageView" );
+                        if(setGA){
+                            setGA.pageView(sectionId);
+                        }
                     }
 
                     if(currentSection !== sectionId) {
                         currentSection = sectionId;
                         // console.log('目前在 ' + currentSection + ' 部分。');
                         jQuery("document").trigger( "virtualPageView" );
+                        if(setGA){
+                            setGA.pageView(sectionId);
+                        }
                     }
 
                     // 在這裡可以執行其他你想要的操作