Регистрация: utm с лендинга из cookie sb_utm, если в адресе меток нет
Кнопки лендингов ведут на /register без меток, поэтому utmCampaign не был записан ни у одного пользователя. Caddy кладёт строку запроса с utm_* в cookie sb_utm на .second-brain.ru; страница регистрации берёт метки из адреса, а если их нет — из cookie. Значения: [A-Za-z0-9._-], до 100 символов. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
@@ -1,6 +1,8 @@
|
|||||||
import { redirect } from "next/navigation";
|
import { redirect } from "next/navigation";
|
||||||
|
import { cookies } from "next/headers";
|
||||||
import { getSettings } from "@/lib/settings";
|
import { getSettings } from "@/lib/settings";
|
||||||
import { RegisterForm } from "./register-form";
|
import { RegisterForm } from "./register-form";
|
||||||
|
import { UTM_COOKIE, parseUtmCookie, pickUtm } from "@/lib/utm-cookie";
|
||||||
|
|
||||||
export default async function RegisterPage({
|
export default async function RegisterPage({
|
||||||
searchParams,
|
searchParams,
|
||||||
@@ -15,6 +17,11 @@ export default async function RegisterPage({
|
|||||||
|
|
||||||
const sp = await searchParams;
|
const sp = await searchParams;
|
||||||
const str = (v: string | string[] | undefined) => (Array.isArray(v) ? v[0] : v) ?? "";
|
const str = (v: string | string[] | undefined) => (Array.isArray(v) ? v[0] : v) ?? "";
|
||||||
|
// Метки: из адреса, а если их нет — из cookie лендинга (src/lib/utm-cookie.ts).
|
||||||
|
const utm = pickUtm(
|
||||||
|
{ utmSource: str(sp.utm_source), utmMedium: str(sp.utm_medium), utmCampaign: str(sp.utm_campaign) },
|
||||||
|
parseUtmCookie((await cookies()).get(UTM_COOKIE)?.value),
|
||||||
|
);
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="min-h-screen flex items-center justify-center" style={{ backgroundColor: "var(--background)" }}>
|
<div className="min-h-screen flex items-center justify-center" style={{ backgroundColor: "var(--background)" }}>
|
||||||
@@ -34,9 +41,9 @@ export default async function RegisterPage({
|
|||||||
termsUrl={settings.termsUrl}
|
termsUrl={settings.termsUrl}
|
||||||
offerUrl={settings.offerUrl}
|
offerUrl={settings.offerUrl}
|
||||||
archetype={str(sp.archetype)}
|
archetype={str(sp.archetype)}
|
||||||
utmSource={str(sp.utm_source)}
|
utmSource={utm.utmSource}
|
||||||
utmMedium={str(sp.utm_medium)}
|
utmMedium={utm.utmMedium}
|
||||||
utmCampaign={str(sp.utm_campaign)}
|
utmCampaign={utm.utmCampaign}
|
||||||
gclid={str(sp.gclid)}
|
gclid={str(sp.gclid)}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -0,0 +1,40 @@
|
|||||||
|
import { describe, it, expect } from "vitest";
|
||||||
|
import { cleanUtm, parseUtmCookie, pickUtm } from "../utm-cookie";
|
||||||
|
|
||||||
|
describe("utm-cookie", () => {
|
||||||
|
it("разбирает сырую строку запроса из cookie", () => {
|
||||||
|
expect(parseUtmCookie("utm_source=youtube&utm_medium=video&utm_campaign=test-20261103&fbclid=x")).toEqual({
|
||||||
|
utmSource: "youtube",
|
||||||
|
utmMedium: "video",
|
||||||
|
utmCampaign: "test-20261103",
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
it("понимает percent-кодирование", () => {
|
||||||
|
expect(parseUtmCookie("utm_campaign=a%2Db_c.d").utmCampaign).toBe("a-b_c.d");
|
||||||
|
});
|
||||||
|
|
||||||
|
it("пустая и битая cookie — пустые метки", () => {
|
||||||
|
expect(parseUtmCookie(undefined)).toEqual({ utmSource: "", utmMedium: "", utmCampaign: "" });
|
||||||
|
expect(parseUtmCookie("")).toEqual({ utmSource: "", utmMedium: "", utmCampaign: "" });
|
||||||
|
expect(parseUtmCookie("%%%")).toEqual({ utmSource: "", utmMedium: "", utmCampaign: "" });
|
||||||
|
});
|
||||||
|
|
||||||
|
it("отбрасывает значения не из белого списка символов и слишком длинные", () => {
|
||||||
|
expect(cleanUtm("ok-1")).toBe("ok-1");
|
||||||
|
expect(cleanUtm("<script>")).toBe("");
|
||||||
|
expect(cleanUtm("с пробелом")).toBe("");
|
||||||
|
expect(cleanUtm("a".repeat(150))).toBe("a".repeat(100));
|
||||||
|
expect(parseUtmCookie("utm_source=x;Domain=evil").utmSource).toBe("");
|
||||||
|
});
|
||||||
|
|
||||||
|
it("метки из адреса важнее cookie, поля не смешиваются", () => {
|
||||||
|
const cookie = { utmSource: "vk", utmMedium: "video", utmCampaign: "old" };
|
||||||
|
expect(pickUtm({ utmSource: "", utmMedium: "", utmCampaign: "new" }, cookie)).toEqual({
|
||||||
|
utmSource: "",
|
||||||
|
utmMedium: "",
|
||||||
|
utmCampaign: "new",
|
||||||
|
});
|
||||||
|
expect(pickUtm({ utmSource: "", utmMedium: "", utmCampaign: "" }, cookie)).toEqual(cookie);
|
||||||
|
});
|
||||||
|
});
|
||||||
@@ -0,0 +1,48 @@
|
|||||||
|
// Метки utm с лендингов (20261103, задание CMO «utm_campaign в LMS»).
|
||||||
|
//
|
||||||
|
// Лендинги второго мозга — поддомены second-brain.ru за общим Caddy на проде.
|
||||||
|
// Caddy при заходе с utm_* в адресе кладёт сырую строку запроса в cookie
|
||||||
|
// `sb_utm` на домен .second-brain.ru (см. фрагмент `(sb_utm)` в prod.caddy).
|
||||||
|
// Кнопка лендинга ведёт на /register без меток, поэтому страница регистрации
|
||||||
|
// берёт их из адреса, а если там пусто — из этой cookie.
|
||||||
|
|
||||||
|
export const UTM_COOKIE = "sb_utm";
|
||||||
|
|
||||||
|
export type Utm = { utmSource: string; utmMedium: string; utmCampaign: string };
|
||||||
|
|
||||||
|
const EMPTY: Utm = { utmSource: "", utmMedium: "", utmCampaign: "" };
|
||||||
|
|
||||||
|
// Значение метки: только латиница, цифры, точка, дефис, подчёркивание; до 100 символов.
|
||||||
|
// Остальное (кириллица, пробелы, кавычки) отбрасываем целиком — в отчёт идут слаги.
|
||||||
|
export function cleanUtm(v: string | null | undefined): string {
|
||||||
|
if (!v) return "";
|
||||||
|
const s = v.trim().slice(0, 100);
|
||||||
|
return /^[A-Za-z0-9._-]+$/.test(s) ? s : "";
|
||||||
|
}
|
||||||
|
|
||||||
|
export function parseUtmCookie(raw: string | null | undefined): Utm {
|
||||||
|
if (!raw) return EMPTY;
|
||||||
|
let q: URLSearchParams;
|
||||||
|
try {
|
||||||
|
q = new URLSearchParams(raw.length > 2000 ? raw.slice(0, 2000) : raw);
|
||||||
|
} catch {
|
||||||
|
return EMPTY;
|
||||||
|
}
|
||||||
|
return {
|
||||||
|
utmSource: cleanUtm(q.get("utm_source")),
|
||||||
|
utmMedium: cleanUtm(q.get("utm_medium")),
|
||||||
|
utmCampaign: cleanUtm(q.get("utm_campaign")),
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
// Метки из адреса важнее cookie: прямой переход на /register?utm_… — самый свежий.
|
||||||
|
// Берём набор целиком из одного источника, не смешиваем поля.
|
||||||
|
export function pickUtm(fromQuery: Utm, fromCookie: Utm): Utm {
|
||||||
|
const q = {
|
||||||
|
utmSource: cleanUtm(fromQuery.utmSource),
|
||||||
|
utmMedium: cleanUtm(fromQuery.utmMedium),
|
||||||
|
utmCampaign: cleanUtm(fromQuery.utmCampaign),
|
||||||
|
};
|
||||||
|
if (q.utmSource || q.utmMedium || q.utmCampaign) return q;
|
||||||
|
return fromCookie;
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user