Integrate Scarf (#20)

Author: pcarapic15

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>
     </>
   );

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;