From 3455e6ef1c8052efba9f3e17e0bc1ece733795cb Mon Sep 17 00:00:00 2001
From: Kamran Ahmed <kamranahmed.se@gmail.com>
Date: Thu, 10 Apr 2025 18:17:11 +0100
Subject: [PATCH] Add varify tracking

---
 src/components/Analytics/Varify.astro | 7 +++++++
 src/layouts/SkeletonLayout.astro      | 7 ++++++-
 src/pages/courses/sql.astro           | 8 +++++++-
 3 files changed, 20 insertions(+), 2 deletions(-)
 create mode 100644 src/components/Analytics/Varify.astro

diff --git a/src/components/Analytics/Varify.astro b/src/components/Analytics/Varify.astro
new file mode 100644
index 000000000..ad8c1cf3e
--- /dev/null
+++ b/src/components/Analytics/Varify.astro
@@ -0,0 +1,7 @@
+<!-- Varify.io® code for roadmap-->
+<script>
+  // @ts-nocheck
+  window.varify = window.varify || {};
+  window.varify.iid = 4013;
+</script>
+<script src='https://app.varify.io/varify.js'></script>
diff --git a/src/layouts/SkeletonLayout.astro b/src/layouts/SkeletonLayout.astro
index 331191528..a1df968e4 100644
--- a/src/layouts/SkeletonLayout.astro
+++ b/src/layouts/SkeletonLayout.astro
@@ -1,12 +1,17 @@
 ---
+import Varify from '../components/Analytics/Varify.astro';
 import BaseLayout, { type Props as BaseLayoutProps } from './BaseLayout.astro';
 
-export interface Props extends BaseLayoutProps {}
+export interface Props extends BaseLayoutProps {
+  hasVarify?: boolean;
+}
 
 const props = Astro.props;
 ---
 
 <BaseLayout {...props}>
+  {props.hasVarify && <Varify slot='after-header' />}
+
   <div slot='course-announcement'></div>
   <div slot='page-header'></div>
   <slot />
diff --git a/src/pages/courses/sql.astro b/src/pages/courses/sql.astro
index ba5861eea..68e55c584 100644
--- a/src/pages/courses/sql.astro
+++ b/src/pages/courses/sql.astro
@@ -8,7 +8,13 @@ import SkeletonLayout from '../../layouts/SkeletonLayout.astro';
   briefTitle='Learn SQL from the ground up'
   ogImageUrl='https://assets.roadmap.sh/guest/sql-course-bjc53.png'
   description='Learn SQL from the ground up. This SQL programming class is designed to help you go from beginner to expert through hands-on practice with real-world scenarios, mastering everything from basic to complex queries.'
-  keywords={['sql', 'database', 'database management', 'database administration']}
+  hasVarify={true}
+  keywords={[
+    'sql',
+    'database',
+    'database management',
+    'database administration',
+  ]}
   canonicalUrl='/courses/sql'
 >
   <SQLCoursePage client:load />