Created Google Analytics & Cookies message with working logic

1 files changed, 25 insertions, 1 deletions

diff --git a/templates/main.html b/templates/main.html
index a7be405..7cc6337 100644
--- a/templates/main.html
+++ b/templates/main.html
@@ -185,5 +185,29 @@
       </div>

     </footer>

 

+    <aside class="google-analytics-message" id="google-analytics-message">

+      <div class="container">

+        <div class="google-analytics-message__content">

+          <div class="google-analytics-message__content__img">

+            <img src="img/global/cookies.svg" alt="Cookies">

+          </div>

+          <div class="google-analytics-message__content__text">

+            <p>We use Google Analytics to get analytics and metrics about our visitors on our website. This helps us to

+              improve the quality of the content and the usability of the site.

+              The collected information is not shared with third parties. Google Analytics stores cookies on your computer.</p>

+            <p>If you decline, your information won’t be tracked when you visit this website. A single cookie will be used

+              in your browser to remember your preference not to be tracked.</p>

+          </div>

+        </div>

+        <div class="google-analytics-message__buttons">

+          <button class="google-analytics-message__buttons__accept" id="google-analytics-message-accept">Accept</button>

+          <button class="google-analytics-message__buttons__decline" id="google-analytics-message-decline">Decline</button>

+        </div>

+      </div>

+    </aside>

+  

+    <script async src="https://www.googletagmanager.com/gtag/js?id=G-J3WHFQG00P"></script>

+    <script src="js/google-analytics-message.js"></script>

+

   </body>

-</html>

+</html>
\ No newline at end of file