Bing ad (#5195)

* Bing Ad

* Add msclkid parameter to login provider and registration API

packages/global/support/marketing/type.d.ts

@@ -7,6 +7,7 @@ export type ShortUrlParams = {
 export type TrackRegisterParams = {
   inviterId?: string;
   bd_vid?: string;
+  msclkid?: string;
   fastgpt_sem?: {
     keyword?: string;
   } & ShortUrlParams;

projects/app/src/pageComponents/login/RegisterForm.tsx

@@ -16,6 +16,7 @@ import {
   getBdVId,
   getFastGPTSem,
   getInviterId,
+  getMsclkid,
   getSourceDomain,
   removeFastGPTSem
 } from '@/web/support/marketing/utils';
@@ -60,6 +61,7 @@ const RegisterForm = ({ setPageType, loginSuccess }: Props) => {
           password,
           inviterId: getInviterId(),
           bd_vid: getBdVId(),
+          msclkid: getMsclkid(),
           fastgpt_sem: getFastGPTSem(),
           sourceDomain: getSourceDomain()
         })

projects/app/src/pages/login/provider.tsx

@@ -15,6 +15,7 @@ import {
   getBdVId,
   getFastGPTSem,
   getInviterId,
+  getMsclkid,
   getSourceDomain,
   removeFastGPTSem
 } from '@/web/support/marketing/utils';
@@ -49,6 +50,7 @@ const provider = () => {
           callbackUrl: `${location.origin}/login/provider`,
           inviterId: getInviterId(),
           bd_vid: getBdVId(),
+          msclkid: getMsclkid(),
           fastgpt_sem: getFastGPTSem(),
           sourceDomain: getSourceDomain()
         });

projects/app/src/web/context/useInitApp.ts

@@ -11,6 +11,7 @@ import {
   setBdVId,
   setFastGPTSem,
   setInviterId,
+  setMsclkid,
   setSourceDomain,
   setUtmParams,
   setUtmWorkflow
@@ -20,6 +21,7 @@ import { type ShortUrlParams } from '@fastgpt/global/support/marketing/type';
 type MarketingQueryParams = {
   hiId?: string;
   bd_vid?: string;
+  msclkid?: string;
   k?: string;
   sourceDomain?: string;
   utm_source?: string;
@@ -31,6 +33,7 @@ type MarketingQueryParams = {
 const MARKETING_PARAMS: (keyof MarketingQueryParams)[] = [
   'hiId',
   'bd_vid',
+  'msclkid',
   'k',
   'sourceDomain',
   'utm_source',
@@ -41,8 +44,17 @@ const MARKETING_PARAMS: (keyof MarketingQueryParams)[] = [
 
 export const useInitApp = () => {
   const router = useRouter();
-  const { hiId, bd_vid, k, sourceDomain, utm_source, utm_medium, utm_content, utm_workflow } =
+  const {
-    router.query as MarketingQueryParams;
+    hiId,
+    bd_vid,
+    msclkid,
+    k,
+    sourceDomain,
+    utm_source,
+    utm_medium,
+    utm_content,
+    utm_workflow
+  } = router.query as MarketingQueryParams;
 
   const { loadGitStar, setInitd, feConfigs } = useSystemStore();
   const { userInfo } = useUserStore();
@@ -121,6 +133,7 @@ export const useInitApp = () => {
   useMount(() => {
     setInviterId(hiId);
     setBdVId(bd_vid);
+    setMsclkid(msclkid);
     setUtmWorkflow(utm_workflow);
     setSourceDomain(sourceDomain);
 

projects/app/src/web/support/marketing/utils.ts

@@ -22,6 +22,14 @@ export const setBdVId = (bdVid?: string) => {
   sessionStorage.setItem('bd_vid', bdVid);
 };
 
+export const getMsclkid = () => {
+  return sessionStorage.getItem('msclkid') || undefined;
+};
+export const setMsclkid = (msclkid?: string) => {
+  if (!msclkid) return;
+  sessionStorage.setItem('msclkid', msclkid);
+};
+
 export const getUtmWorkflow = () => {
   return localStorage.getItem('utm_workflow') || undefined;
 };

projects/app/src/web/support/user/api.ts

@@ -37,6 +37,7 @@ export const postRegister = ({
   code,
   inviterId,
   bd_vid,
+  msclkid,
   fastgpt_sem
 }: AccountRegisterBody) =>
   POST<ResLogin>(`/proApi/support/user/account/register/emailAndPhone`, {
@@ -44,6 +45,7 @@ export const postRegister = ({
     code,
     inviterId,
     bd_vid,
+    msclkid,
     fastgpt_sem,
     password: hashStr(password)
   });