From f75e03b7b0f959d653ebc4b16c88ede80163c4d3 Mon Sep 17 00:00:00 2001
From: Jakob Frederik Lykke <47578462+JakobJFL@users.noreply.github.com>
Date: Thu, 23 Mar 2023 21:32:23 +0100
Subject: [PATCH] added google analytics

I added Google Analytics so I see if people visit my website, that's all.
---
 css/downloadStyle.css |  9 +++++++++
 css/loginStyle.css    |  2 +-
 css/mainStyle.css     |  8 ++++++++
 index.html            | 24 ++++++++++++++++++++++--
 js/visitCount.js      | 15 ---------------
 5 files changed, 40 insertions(+), 18 deletions(-)
 delete mode 100644 js/visitCount.js
diff --git a/css/downloadStyle.css b/css/downloadStyle.css
index 6ce7d2d..5068bb6 100644
--- 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*/
 }
\ No newline at end of file
diff --git a/css/loginStyle.css b/css/loginStyle.css
index 852c8c6..6406c03 100644
--- 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
index a049f4a..40f0230 100644
--- 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*/
 }
\ No newline at end of file
diff --git a/index.html b/index.html
index b1de88f..c84ba82 100644
--- 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
deleted file mode 100644
index 3ee018f..0000000
--- a/js/visitCount.js
+++ /dev/null
@@ -1,15 +0,0 @@
-countVisit();
-countUniqueVisit();
-
-function countVisit() {
-    fetch('https://api.countapi.xyz/hit/Open-Hue-views-8914860545/visits')
-	.catch(err => console.error(err));
-}
-
-function countUniqueVisit() {
-    if (localStorage.getItem('hasVisited') !== "true") {
-        localStorage.setItem('hasVisited', true);
-        fetch('https://api.countapi.xyz/hit/Open-Hue-views-8914860545/uniqueVisits')
-        .catch(err => console.error(err));
-    }
-}
\ No newline at end of file
