diff --git a/src/components/gtag.svelte b/src/components/gtag.svelte
new file mode 100644
index 00000000..a3267e67
--- /dev/null
+++ b/src/components/gtag.svelte
@@ -0,0 +1,23 @@
+<script lang="ts">
+  import { dev } from '$app/environment';
+  import { page } from '$app/stores';
+</script>
+
+<svelte:head>
+  {#if !dev && $page.data.version === 'published' && $page.url.host === 'significa.co'}
+    <script async src="https://www.googletagmanager.com/gtag/js?id=AW-11144833772"></script>
+    <script>
+      window.dataLayer = window.dataLayer || [];
+      function gtag() {
+        dataLayer.push(arguments);
+      }
+      gtag('js', new Date());
+      gtag('config', 'AW-11144833772');
+    </script>
+    {#if $page.url.pathname === '/services'}
+      <script>
+        gtag('event', 'conversion', { send_to: 'AW-11144833772/qEClCJ-Z5OAYEOzVosIp' });
+      </script>
+    {/if}
+  {/if}
+</svelte:head>
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index b7184d0d..e24fdf67 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -10,6 +10,7 @@
   import Footer from '$components/footer.svelte';
   import { toast, Toaster, ToastNotification } from '@significa/svelte-ui';
   import { beforeNavigate } from '$app/navigation';
+  import Gtag from '$components/gtag.svelte';
   export let data;
 
   beforeNavigate(() => {
@@ -20,6 +21,7 @@
 <Toaster component={ToastNotification} />
 <PageDrawer />
 <DraftMode />
+<Gtag />
 <ImageGallery />
 <TopNavigation
   configuration={data.configuration.content}