added google analytics

I added Google Analytics so I see if people visit my website, that's all.
JakobJFL · Mar 23, 2023 · f75e03b · f75e03b
1 parent 587a3df
commit f75e03b
Show file tree

Hide file tree

Showing 5 changed files with 40 additions and 18 deletions.
diff --git a/css/downloadStyle.css b/css/downloadStyle.css
@@ -98,4 +98,13 @@ body {
 /* Handle on hover */
 ::-webkit-scrollbar-thumb:hover {
     background: #727080; 
+}
+
+.cookie-btn {
+    position: fixed;
+    bottom: 0;
+    color: #dbdbdb;
+    background-color: #8482b8;
+    font-size: 9pt;
+    border-radius: 0px 18px 0px 0px; /*TL TR BR BL*/
 }
diff --git a/css/loginStyle.css b/css/loginStyle.css
@@ -9,7 +9,7 @@
     background-color: #f5f5ff;
     color: #5753b9;
     font-size: 14pt;
-	border-radius: 0px 0px 0px 18px; /*TL TR BR BL*/
+    border-radius: 0px 0px 0px 18px; /*TL TR BR BL*/
 }
 
 #downloadBtn:hover {

diff --git a/css/mainStyle.css b/css/mainStyle.css
@@ -244,4 +244,12 @@ div {
 
 .selected {
     box-shadow: 0 0 0 0.35rem #5a44d98f;
+}
+
+.cookie-btn {
+    position: fixed;
+    bottom: 0;
+    color: #dbdbdb;
+    font-size: 9pt;
+    border-radius: 0px 18px 0px 0px; /*TL TR BR BL*/
 }
diff --git a/index.html b/index.html
@@ -18,11 +18,30 @@
   <meta name="theme-color" content="#5753b9">
   <meta property="og:image" content="https://raw.githubusercontent.com/JakobJFL/Hue-Browser-Controller/main/img/ogImage.jpg" />
 	<meta name="description" content="Control all your Philips Hue lighting from a website or download The Open Hue Controller for your computer.">
-  <script src="js/visitCount.js"></script>
-
   <title>Open Hue Controller</title>
 </head>
 <body>
+<!-- Cookie Consent by FreePrivacyPolicy.com https://www.FreePrivacyPolicy.com -->
+<script type="text/javascript" src="//www.freeprivacypolicy.com/public/cookie-consent/4.1.0/cookie-consent.js" charset="UTF-8"></script>
+<script type="text/javascript" charset="UTF-8">
+document.addEventListener('DOMContentLoaded', function () {
+cookieconsent.run({"notice_banner_type":"simple","consent_type":"express","palette":"light","language":"en","page_load_consent_levels":["strictly-necessary"],"notice_banner_reject_button_hide":false,"preferences_center_close_button_hide":false,"page_refresh_confirmation_buttons":false,"website_name":"Open Hue Controller"});
+});
+</script>
+
+<!-- Google Analytics -->
+<!-- Google tag (gtag.js) -->
+<script type="text/plain" data-cookie-consent="tracking" async src="https://www.googletagmanager.com/gtag/js?id=G-JKBQ4EE7BV"></script>
+<script type="text/plain" data-cookie-consent="tracking">
+  window.dataLayer = window.dataLayer || [];
+  function gtag(){dataLayer.push(arguments);}
+  gtag('js', new Date());
+
+  gtag('config', 'G-JKBQ4EE7BV');
+</script>
+<!-- end of Google Analytics-->
+
+<!-- Below is the link that users can use to open Preferences Center to change their preferences. Do not modify the ID parameter. Place it where appropriate, style it as needed. -->
   <main id="mainSite">
     <div id="overlay">
       <h2 class="text-center text-white pt-4">Checking local storage for login...</h2>
@@ -90,6 +109,7 @@ <h3 class="fs-4">Choose connection option:</h3>
       </div>
     </div>
   </main>
+  <a href="#" class="btn btn-secondary cookie-btn" id="open_preferences_center">Update Cookies</a>
   <div class="modal fade" id="InsecureContentModal" tabindex="-1" aria-hidden="true">
     <div class="modal-dialog modal-lg">
       <div class="modal-content rounded-15">

diff --git a/js/visitCount.js b/js/visitCount.js