From ec6381b245df03d761593f0a2715317c5fe8ce02 Mon Sep 17 00:00:00 2001
From: pcarapic15 <predrag.carapic@bytex.ro>
Date: Tue, 22 Jul 2025 09:27:16 +0200
Subject: [PATCH] Create Scarf pixel and put it in main layout

---
 src/components/common/Article.js    |  2 ++
 src/components/common/ScarfPixel.js | 19 +++++++++++++++++++
 2 files changed, 21 insertions(+)
 create mode 100644 src/components/common/ScarfPixel.js

diff --git a/src/components/common/Article.js b/src/components/common/Article.js
index ae321bb2..8355c5a8 100644
--- a/src/components/common/Article.js
+++ b/src/components/common/Article.js
@@ -4,6 +4,7 @@ import { StaticQuery, graphql } from "gatsby";
 import Navigation from "./Navigation";
 import Footer from "../../components/Footer";
 import MoreArticles from "../MoreArticles";
+import ScarfPixel from "../common/ScarfPixel";
 import dataceboHorizontalLogoWhite from "../../../static/datacebo-horizontal-logo-white.svg";
 import dataceboHorizontalLogo from "../../../static/datacebo-horizontal-logo.svg";
 
@@ -58,6 +59,7 @@ const PostDefaultLayout = ({ children, isDark = true, isPost }) => {
         </div>
         {/* <Cta /> */}
         <Footer />
+        <ScarfPixel />
       </div>
     </>
   );
diff --git a/src/components/common/ScarfPixel.js b/src/components/common/ScarfPixel.js
new file mode 100644
index 00000000..d761409d
--- /dev/null
+++ b/src/components/common/ScarfPixel.js
@@ -0,0 +1,19 @@
+import React from "react";
+
+const ScarfPixel = () => {
+  return (
+    <>
+      {typeof window !== "undefined" &&
+      window.location.hostname === "datacebo.com" ? (
+        <img
+          referrerpolicy="no-referrer-when-downgrade"
+          src="https://static.scarf.sh/a.png?x-pxid=af9a538f-69ef-4e05-8553-76897f21be21"
+        />
+      ) : (
+        <></>
+      )}
+    </>
+  );
+};
+
+export default ScarfPixel;