fb-pixels

src/init.tsx

@@ -23,6 +23,8 @@ import { pdfjs } from "react-pdf";
 import HeadData from "./utils/Helmet";
 import Clarity from '@microsoft/clarity';
 import { InitializationProvider } from "./initialization";
+import HeadDataPalmDomen from "./utils/HelmetPalm";
+import HeadDataCompatibilityDomen from "./utils/HelmetComp";
 
 pdfjs.GlobalWorkerOptions.workerSrc = `https://unpkg.com/pdfjs-dist@${pdfjs.version}/legacy/build/pdf.worker.min.js`;
 
@@ -86,9 +88,13 @@ const init = async () => {
   // };
   // googleManager();
 
+  console.log(window.location.pathname);
+
   return (
     <React.Fragment>
-      {isProduction && <HeadData />}
+      {isProduction && window.location.hostname === "aura.witapps.us" && <HeadData />}
+      {isProduction && window.location.hostname === "aurastellar.us" && <HeadDataPalmDomen />}
+      {isProduction && window.location.hostname === "auraself.com" && <HeadDataCompatibilityDomen />}
       <I18nextProvider i18n={i18nextInstance}>
         <Provider store={store}>
           <BrowserRouter>

src/utils/HelmetComp/index.tsx

@@ -0,0 +1,44 @@
+import { language } from "@/locales";
+import { compatibilityV2Prefix } from "@/routes";
+import { Helmet } from "react-helmet";
+
+const routesCompatibility2 = [
+  compatibilityV2Prefix
+]
+
+const isRouteInclude = (url: string, routes: string[]) => {
+  for (const route of routes) {
+    if (url.includes(route)) {
+      return true;
+    }
+  }
+  return false;
+};
+
+const HeadDataCompatibilityDomen = () => {
+  const isCompatibility = isRouteInclude(window.location.pathname, routesCompatibility2);
+
+  // Compatibility
+  const FBScriptCompatibility = `
+!function(f,b,e,v,n,t,s)
+{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
+n.callMethod.apply(n,arguments):n.queue.push(arguments)};
+if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
+n.queue=[];t=b.createElement(e);t.async=!0;
+t.src=v;s=b.getElementsByTagName(e)[0];
+s.parentNode.insertBefore(t,s)}(window, document,'script',
+'https://connect.facebook.net/en_US/fbevents.js');
+fbq('init', '567196172967340');
+fbq('track', 'PageView');`;
+
+  return (
+    <Helmet htmlAttributes={{ lang: language }}>
+      {/* Compatibility */}
+      {isCompatibility && (
+        <script>{FBScriptCompatibility}</script>
+      )}
+    </Helmet>
+  );
+};
+
+export default HeadDataCompatibilityDomen;

src/utils/HelmetPalm/index.tsx

@@ -0,0 +1,46 @@
+import { language } from "@/locales";
+import { palmistryV1Prefix } from "@/routes";
+import { Helmet } from "react-helmet";
+
+const routesPalmistry = [
+  // "/palmistry",
+  // routes.client.skipTrial(),
+  // routes.client.addConsultant(),
+  // routes.client.addGuides(),
+  palmistryV1Prefix
+];
+
+const isRouteInclude = (url: string, routes: string[]) => {
+  for (const route of routes) {
+    if (url.includes(route)) {
+      return true;
+    }
+  }
+  return false;
+};
+
+const HeadDataPalmDomen = () => {
+  const isPalmistry = isRouteInclude(window.location.pathname, routesPalmistry);
+
+  // Palmistry
+  const FBScriptPalmistry1 = `
+!function(f,b,e,v,n,t,s)
+{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
+n.callMethod.apply(n,arguments):n.queue.push(arguments)};
+if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
+n.queue=[];t=b.createElement(e);t.async=!0;
+t.src=v;s=b.getElementsByTagName(e)[0];
+s.parentNode.insertBefore(t,s)}(window, document,'script',
+'https://connect.facebook.net/en_US/fbevents.js');
+fbq('init', '9251222678332693');
+fbq('track', 'PageView');`;
+
+  return (
+    <Helmet htmlAttributes={{ lang: language }}>
+      {/* Palmistry */}
+      {isPalmistry && <script>{FBScriptPalmistry1}</script>}
+    </Helmet>
+  );
+};
+
+export default HeadDataPalmDomen;