Conceitos

​

Visão geral

1. O usuário acessou a página de um produto vindo de um anúncio do Meta Ads
2. Ele adicionou este produto no carrinho
3. No entanto, ele continuou olhando outros produtos e não finalizou a compra
4. Dias depois o mesmo usuário recebe uma campanha de carrinho abandonado via e-mail
5. Dessa vez, ele finaliza a compra na loja

​

Estrutura dos eventos

• Informações de navegação, como a URL da página onde o evento foi gerado, os parâmetros de UTM, etc.
• Informações do cliente, como a identificação do navegador e o endereço IP

​

Aliases

• User ID: principal identificador utilizado para relacionar o pedido à sessão no site
• Cart Token: pode ser usado para relacionar um pedido a partir da sessão no site
• Email: pode ser usado para relacionar um pedido a partir da conta do usuário
• Customer ID: pode ser usado para relacionar um pedido a partir da conta do usuário
• Phone: pode ser usado para relacionar uma sessão no checkout ou conta do usuário

​

Cookies do servidor

• Maior antecedência na criação e envio
• Persistência a longo prazo
• Envio tanto do lado do navegador quanto do servidor

​

Configuração

# server.py
from flask import Flask, request, make_response
import uuid
import time

app = Flask(__name__)

ONE_YEAR_SECONDS = 365 * 24 * 60 * 60

@app.before_request
def set_visitor_cookie():
    visitor_id = request.cookies.get("visitor_id")

    if not visitor_id:
        visitor_id = str(uuid.uuid4())

        request.visitor_id = visitor_id
    else:
        request.visitor_id = visitor_id


@app.after_request
def apply_cookie(response):
    if request.cookies.get("visitor_id"):
        return response

    response.set_cookie(
        key="visitor_id",
        value=request.visitor_id,
        max_age=ONE_YEAR_SECONDS,
        httponly=True,
        secure=True,
        samesite="Lax"
    )

    return response


@app.route("/")
def index():
    return make_response("Hello World!")


if __name__ == "__main__":
    app.run(host="0.0.0.0", port=8080)

import { useEffect } from "react";
import { useLocation } from "react-router-dom";
import Cookies from "js-cookie";

export function PageTracking() {
    const location = useLocation();

    useEffect(() => {
        const visitorId = Cookies.get("visitor_id");
        if (!visitorId) return;

        solomon.track("VIEW_PAGE", null, {
            user_id: visitorId
        });

    }, [location.pathname]);

    return null;
}