From 37bf5a85b02f21d9c23e9b091a7012c13ea1e3e1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ail=C3=A9n=20Grimaldi?=
 <63558201+ail3ngrimaldi@users.noreply.github.com>
Date: Fri, 4 Oct 2024 14:35:16 -0300
Subject: [PATCH] Update general amplitude config, modify tracking code so that
 the event gets registered (#187)

---
 _layouts/landing.liquid |  29 ++++--
 landings/a/index.liquid |  73 ++++++++-------
 landings/b/index.liquid |  42 +++++----
 landings/c/index.liquid |  45 ++++-----
 landings/d/index.liquid | 203 ----------------------------------------
 5 files changed, 105 insertions(+), 287 deletions(-)
 delete mode 100644 landings/d/index.liquid

diff --git a/_layouts/landing.liquid b/_layouts/landing.liquid
index 24fbb5c..f660a2a 100644
--- a/_layouts/landing.liquid
+++ b/_layouts/landing.liquid
@@ -51,13 +51,30 @@
     })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
 	</script>
 	<!-- Amplitude -->
-    <script src="https://cdn.amplitude.com/libs/analytics-browser-2.7.1-min.js.gz"></script><script src="https://cdn.amplitude.com/libs/plugin-session-replay-browser-1.2.0-min.js.gz"></script>
+    <script src="https://cdn.amplitude.com/libs/analytics-browser-2.7.1-min.js.gz"></script>
+	<script src="https://cdn.amplitude.com/libs/plugin-session-replay-browser-1.2.0-min.js.gz"></script>
     <script src="https://cdn.amplitude.com/libs/plugin-autocapture-browser-0.9.0-min.js.gz"></script>
-    <script>window.amplitude.init('88119dfbd18136240ad8303dc877b6a8');window.amplitude.add(window.sessionReplay.plugin({sampleRate: 1}));window.amplitude.add(window.amplitudeAutocapturePlugin.plugin());</script>
-	<!-- Simple Analytics -->
-	<script async defer src="https://scripts.simpleanalyticscdn.com/latest.js"></script>
-	<noscript><img src="https://queue.simpleanalyticscdn.com/noscript.gif" alt="" referrerpolicy="no-referrer-when-downgrade"/></noscript>
-	<meta name="sa-verify" content="fvirtonetwowv0n" />
+    <script>
+		window.amplitude.init('88119dfbd18136240ad8303dc877b6a8', null, {
+				attribution: {
+    				excludeReferrers: ['/']
+  				},
+				transport: "beacon",
+				saveEvents: true,
+				saveParamsReferrerOncePerSession: false,
+				trackingOptions: {
+					ipAddress: false,
+					language: true,
+					platform: true
+				},
+			logLevel: "WARN"
+		});
+		window.amplitude.add(window.sessionReplay.plugin({
+			sampleRate: 1,
+		}));
+		window.amplitude.add(window.amplitudeAutocapturePlugin.plugin());
+	</script>
+	
 
 </head>
 
diff --git a/landings/a/index.liquid b/landings/a/index.liquid
index 43852a5..ca9ac6d 100644
--- a/landings/a/index.liquid
+++ b/landings/a/index.liquid
@@ -119,47 +119,48 @@ ul li, .auto-grid li { display: flex; align-items: center; gap: 1.75em; }
 	{% endfor %}
 
 <script>
-document.addEventListener('DOMContentLoaded', function() {    
-	window.amplitude.track('view:landing:a');
+document.addEventListener('DOMContentLoaded', function() {
+    window.amplitude.track('view:landing:a');
 
-	function handleCtaClick(event) {
+	let superior = document.querySelector('.track-superior-cta');
+	superior.addEventListener('click', (event) => {
 		event.preventDefault();
 		let redirectUrl = new URL('https://waitlist.virto.network/');
-		redirectUrl.searchParams.set('b', 'b-one');
-		if (event.currentTarget.classList.contains('track-superior-cta')) {
-        	window.amplitude.track('landing:a:click-superior-cta');
-    	} else if (event.currentTarget.classList.contains('track-inferior-cta')) {
-        	window.amplitude.track('landing:a:click-inferior-cta');
-    	}
-	window.open(redirectUrl.toString(), '_blank');
-	}
-	
-	let ctas = document.querySelectorAll('.button');
-	ctas.forEach((cta) => {
-		cta.addEventListener('click', handleCtaClick);
-	});
+        redirectUrl.searchParams.set('b', 'b-one');
+		window.amplitude.track('landing:a:superior');
+		window.open(redirectUrl.toString(), '_blank');
+	})
+
+	let inferior = document.querySelector('.track-inferior-cta');
+	inferior.addEventListener('click', (event) => {
+		event.preventDefault();
+		let redirectUrl = new URL('https://waitlist.virto.network/');
+        redirectUrl.searchParams.set('b', 'b-one');
+		amplitude.track('landing:a:click-inferior-cta');
+		window.open(redirectUrl.toString(), '_blank');
+	})
 
 	let telegram = document.getElementById("telegram");
-    telegram.addEventListener('click', (event) => {
-        event.preventDefault();
-        let redirectUrl = new URL('https://t.me/+573107887042');
-        const newWindow = window.open(redirectUrl, '_blank');
-        amplitude.track('landing:a:click-telegram');
-        setTimeout(function() {
-            newWindow.location = redirectUrl.toString();
-        }, 200);
-    });
-
-    let whatsapp = document.getElementById("whatsapp");
-    whatsapp.addEventListener('click', (event) => {
-        event.preventDefault();
-        let redirectUrl = new URL('https://api.whatsapp.com/send?phone=573107887042');
-        const newWindow = window.open(redirectUrl, '_blank');
-        amplitude.track('landing:a:click-whatsapp');
-        setTimeout(function() {
-            newWindow.location = redirectUrl.toString();
-        }, 200);
-    });
+	telegram.addEventListener('click', (event) => {
+		event.preventDefault();
+		let redirectUrl = new URL('https://t.me/+573107887042');
+		const newWindow = window.open(redirectUrl, '_blank');
+		amplitude.track('landing:a:click-telegram')
+		setTimeout(function() {
+        	newWindow.location = redirectUrl.toString();
+    	}, 200);
+	});
+
+	let whatsapp = document.getElementById("whatsapp");
+	whatsapp.addEventListener('click', (event) => {
+		event.preventDefault();
+		let redirectUrl = new URL('https://api.whatsapp.com/send?phone=573107887042');
+		const newWindow = window.open(redirectUrl, '_blank');
+		amplitude.track('landing:a:click-whatsapp')
+		setTimeout(() => {
+        	newWindow.location = redirectUrl.toString();
+    	}, 200)
+	});
 
     const $ = document.querySelector.bind(document);
     const $$ = document.querySelectorAll.bind(document);
diff --git a/landings/b/index.liquid b/landings/b/index.liquid
index 08c5015..25a090f 100644
--- a/landings/b/index.liquid
+++ b/landings/b/index.liquid
@@ -121,31 +121,33 @@ ul li, .auto-grid li { display: flex; align-items: center; gap: 1.75em; }
 {% endfor %}
 
 <script>
-document.addEventListener('DOMContentLoaded', function() {    
+document.addEventListener('DOMContentLoaded', function() {
     window.amplitude.track('view:landing:b');
 
-	function handleCtaClick(event) {
-		event.preventDefault();
-		let redirectUrl = new URL('https://waitlist.virto.network/');
-		redirectUrl.searchParams.set('b', 'b-two');
-		if (event.currentTarget.classList.contains('track-superior-cta')) {
-        	window.amplitude.track('landing:b:click-superior-cta');
-    	} else if (event.currentTarget.classList.contains('track-inferior-cta')) {
-        	window.amplitude.track('landing:b:click-inferior-cta');
-    	}
-	window.open(redirectUrl.toString(), '_blank');
-	}
-
-	let ctas = document.querySelectorAll('.button');
-	ctas.forEach((cta) => {
-		cta.addEventListener('click', handleCtaClick);
-	});
+    let superior = document.querySelector('.track-superior-cta');
+    superior.addEventListener('click', (event) => {
+        event.preventDefault();
+        let redirectUrl = new URL('https://waitlist.virto.network/');
+        redirectUrl.searchParams.set('b', 'b-two');
+        window.amplitude.track('landing:b:superior');
+        window.open(redirectUrl.toString(), '_blank');
+    });
+
+    let inferior = document.querySelector('.track-inferior-cta');
+    inferior.addEventListener('click', (event) => {
+        event.preventDefault();
+        let redirectUrl = new URL('https://waitlist.virto.network/');
+        redirectUrl.searchParams.set('b', 'b-two');
+        window.amplitude.track('landing:b:click-inferior-cta');
+        window.open(redirectUrl.toString(), '_blank');
+    });
+
     let telegram = document.getElementById("telegram");
     telegram.addEventListener('click', (event) => {
         event.preventDefault();
         let redirectUrl = new URL('https://t.me/+573107887042');
         const newWindow = window.open(redirectUrl, '_blank');
-        amplitude.track('landing:b:click-telegram');
+        window.amplitude.track('landing:b:click-telegram');
         setTimeout(function() {
             newWindow.location = redirectUrl.toString();
         }, 200);
@@ -153,10 +155,10 @@ document.addEventListener('DOMContentLoaded', function() {
 
     let whatsapp = document.getElementById("whatsapp");
     whatsapp.addEventListener('click', (event) => {
-        event.preventDefault();
+		event.preventDefault();
         let redirectUrl = new URL('https://api.whatsapp.com/send?phone=573107887042');
         const newWindow = window.open(redirectUrl, '_blank');
-        amplitude.track('landing:b:click-whatsapp');
+        window.amplitude.track('landing:b:click-whatsapp');
         setTimeout(function() {
             newWindow.location = redirectUrl.toString();
         }, 200);
diff --git a/landings/c/index.liquid b/landings/c/index.liquid
index 41b8072..4c80b40 100644
--- a/landings/c/index.liquid
+++ b/landings/c/index.liquid
@@ -142,32 +142,33 @@ document.addEventListener('DOMContentLoaded', function() {
     	}
 	window.open(redirectUrl.toString(), '_blank');
 	}
-	
-	let ctas = document.querySelectorAll('.button');
+
+	let ctas = document.querySelectorAll('.track-superior-cta, .track-inferior-cta');
+
 	ctas.forEach((cta) => {
 		cta.addEventListener('click', handleCtaClick);
 	});
+	
+	let telegram = document.getElementById("telegram");
+	telegram.addEventListener('click', (event) => {
+		event.preventDefault();
+		let redirectUrl = new URL('https://t.me/+573107887042');
+		const newWindow = window.open(redirectUrl, '_blank');
+		amplitude.track('landing:c:click-telegram')
+		setTimeout(function() {
+        	newWindow.location = redirectUrl.toString();
+    	}, 200);
+	});
 
-    telegram.addEventListener('click', (event) => {
-        event.preventDefault();
-        let redirectUrl = new URL('https://t.me/+573107887042');
-        const newWindow = window.open(redirectUrl, '_blank');
-        amplitude.track('landing:c:click-telegram');
-        setTimeout(function() {
-            newWindow.location = redirectUrl.toString();
-        }, 200);
-    });
-
-    let whatsapp = document.getElementById("whatsapp");
-    whatsapp.addEventListener('click', (event) => {
-        event.preventDefault();
-        let redirectUrl = new URL('https://api.whatsapp.com/send?phone=573107887042');
-        const newWindow = window.open(redirectUrl, '_blank');
-        amplitude.track('landing:c:click-whatsapp');
-        setTimeout(function() {
-            newWindow.location = redirectUrl.toString();
-        }, 200);
-    });
+	let whatsapp = document.getElementById("whatsapp");
+	whatsapp.addEventListener('click', function() {
+		let redirectUrl = new URL('https://api.whatsapp.com/send?phone=573107887042');
+		const newWindow = window.open(redirectUrl, '_blank');
+		amplitude.track('landing:c:click-whatsapp')
+		setTimeout(function() {
+        	newWindow.location = redirectUrl.toString();
+    	}, 200);
+	});
 
     const $ = document.querySelector.bind(document);
     const $$ = document.querySelectorAll.bind(document);
diff --git a/landings/d/index.liquid b/landings/d/index.liquid
deleted file mode 100644
index cee7a75..0000000
--- a/landings/d/index.liquid
+++ /dev/null
@@ -1,203 +0,0 @@
----
-permalink: /b-4
-title: Virto Network
-layout: landing.liquid
-data:
-  route: business-four
----
-
-<style>
-main { overflow: hidden; }
-
-p { --font-size-paragraph: 1.3em; }
-.main__logo svg {
-    width: clamp(700px, 30vw, 900px) !important;
-}
-
-.logo.img-c svg { width: 700px; }
-
-ul li, .auto-grid li { display: flex; align-items: center; gap: 1.75em; }
-#section-c ul li { margin-bottom: 1em; }
-
-#section-a .text-section { max-width: clamp(300px, 50%, 700px); }
-#section-a figure.logo { align-items: start; }
-#section-a .arrow-right {
-	position: absolute;
-	right: clamp(37%, 2vw, 45%);
-	top: -20px;
-}
-
-#section-b h2 { max-width: 700px; margin-left: 20px; }
-#section-b .logo { margin-top: 2em; margin-left: 20px; }
-#section-b ul li { margin-bottom: 1em; }
-#section-c, #section-b {  align-items: center; flex-wrap: wrap; }
-#section-c { padding: 0 1rem; }
-#section-c .logo { margin-top: 2em; }
-
-#section-d { display: grid; }
-#section-d article div { max-width: 41rem; }
-#section-d article div:nth-child(2) { margin-bottom: 1em; }
-#section-d .max .text-section {
-    gap: 2rem;
-    align-self: flex-end;
-}
-#section-d .max { flex-wrap: wrap; }
-
-/*MOBILE*/
-@media only screen and (max-width: 767px) {
-    article div { width: 90%; }
-    .text-section { max-width: 85%; }
-	.column { gap: .5em; }
-}
-@media only screen and (max-width: 1490px) {
-    .column { order: -1; width: fit-content(300px); }
-}
-
-</style>
-
-{% for landing_d in site.data.landings.landing_d %}
-<section {% if landing_d.id == "section-a" %} id="section-a" class="light-green-bg">
-	<article class="max animated">
-		<div class="text-section dark-olive-text">
-			<p class="bolder">{{ landing_d.eyebrow }}</p>
-			<h1>{{ landing_d.title }}</h1>
-			<p>{{ landing_d.paragraph_one }}</p>
-			<a class="track-superior-cta button" href="https://waitlist.virto.network/">{{ landing_d.call_to_action }}</a>
-		</div>
-		<figure class="logo image main__logo">
-			{% include "w.svg" %}
-		</figure>
-	</article>
-</section>
-{% endif %}
-
-<section {% if landing_d.id == "section-b" %} id="section-b">
-	<article class="max animated">
-		<div class="column">
-			<h2 class="light-green-text">{{ landing_d.title }}</h2>
-			<figure class="logo">
-				{% include "danger.svg" %}
-			</figure>
-		</div>
-		<div class="text-section light-green-text">
-			<h3>{{ landing_d.subtitle }}</h3>
-			<p>{{ landing_d.paragraph_one }}</p>
-			<ul>
-                {% for item in landing_d.list %}
-                    <li class="animated">
-                        <img src="{{ item.icon }}" alt="{{ item.alt }}"></img>
-                        <p>{{ item.content }}</p>
-                    </li>
-                {% endfor %}
-            </ul>
-		</div>
-	</article>
-</section>
-{% endif %}
-
-<section  {% if landing_d.id == "section-c" %} id="section-c">
-	<article class="max animated">
-		<div class="text-section light-green-text">
-			<h3 class="light-green-text">{{ landing_d.subtitle }}</h3>
-			<ul>
-                {% for item in landing_d.list %}
-                    <li class="animated">
-                        <img src="{{ item.icon }}" alt="{{ item.alt }}"></img>
-                        <p>{{ item.content }}</p>
-                    </li>
-                {% endfor %}
-            </ul>
-		</div>
-        <div class="column">
-			<h2 class="light-green-text">{{ landing_d.title }}</h2>
-			<figure class="logo img-c">
-				{% include "solution.svg" %}
-			</figure>
-		</div>
-	</article>
-</section>
-{% endif %}
-
-<section {% if landing_d.id == "section-d" %} id="section-d" class="cta light-lavender-bg">
-	<article class="animated center dark-olive-text">
-		<h3 class="bolder">{{ landing_d.eyebrow }}</h3>
-		<h2 class="bolder">
-			<span>{{ landing_d.title }}</span>
-		</h2>
-		<a class="track-inferior-cta button" href={{ landing_d.link }}>
-			{{ landing_d.call_to_action }}
-		</a>
-		<ul class="social-media__links">
-		{% for social in landing_d.socials %}
-			<a id={{ social.id }} class="link-to" title={{ social.title }}>
-				{% include social.svg %}
-			</a>
-		{% endfor %}
-		</ul>
-		<p>{{ landing_d.socials_text }}</p>
-	</article>
-</section>
-{% endif %}
-
-{% endfor %}
-
-<script>
-document.addEventListener('DOMContentLoaded', function() {    
-	window.amplitude.track('view:landing:d');
-
-	function handleCtaClick(event) {
-		event.preventDefault();
-		let redirectUrl = new URL('https://waitlist.virto.network/');
-		redirectUrl.searchParams.set('b', 'b-four');
-		if (event.currentTarget.classList.contains('track-superior-cta')) {
-        	window.amplitude.track('landing:d:click-superior-cta');
-    	} else if (event.currentTarget.classList.contains('track-inferior-cta')) {
-        	window.amplitude.track('landing:d:click-inferior-cta');
-    	}
-	window.open(redirectUrl.toString(), '_blank');
-	}
-	
-	let ctas = document.querySelectorAll('.button');
-	ctas.forEach((cta) => {
-		cta.addEventListener('click', handleCtaClick);
-	});
-
-	let telegram = document.getElementById("telegram");
-	telegram.addEventListener('click', (event) => {
-		event.preventDefault();
-		let redirectUrl = new URL('https://t.me/+573107887042');
-		const newWindow = window.open(redirectUrl, '_blank');
-		amplitude.track('landing:d:click-telegram')
-		setTimeout(() => {
-        	newWindow.location = redirectUrl.toString();
-    	}, 200)
-	});
-
-	let whatsapp = document.getElementById("whatsapp");
-	whatsapp.addEventListener('click', (event) => {
-		event.preventDefault();
-		let redirectUrl = new URL('https://api.whatsapp.com/send?phone=573107887042');
-		const newWindow = window.open(redirectUrl, '_blank');
-		amplitude.track('landing:d:click-whatsapp')
-		setTimeout(() => {
-        	newWindow.location = redirectUrl.toString();
-    	}, 200)
-	});
-
-    const $ = document.querySelector.bind(document);
-    const $$ = document.querySelectorAll.bind(document);
-    const addViewedClass = ([e], ob) => {
-        e.target.classList.add('viewed');
-        ob.unobserve(e.target);
-    };
-    const whenVisible = (elements, fn, opts) => {
-        const ob = new IntersectionObserver(fn, opts);
-        $$(elements).forEach(e => ob.observe(e));
-    };
-    const makeSticky = ([br]) =>
-        br.target.nextElementSibling.classList.toggle('fixed', br.intersectionRatio === 1);
-
-    whenVisible('main>section', addViewedClass, { threshold: 0.2 });
-    whenVisible('.sticky-hack', makeSticky, { threshold: [0, 1] });
-});
-</script>