Detecção automática

Provador virtual para Loja Integrada

A tag é colada no painel, em Códigos de monitoramento, e mede o funil inteiro. O provador é aberto pelo botão da própria loja, com o código da peça informado pela página, porque a Loja Integrada não publica os dados estruturados que o caminho automático usa.

Instalação
Tag + botão no tema
Dificuldade
Média
Botão
Chamada explícita
  • Tag colada no painel, sem abrir o código do tema
  • Funil medido da visita à compra, sem instrumentação
  • Provador aberto pelo botão da loja, com o código da peça informado
  • Botão exibido só nos produtos que têm provador

Uma tag, em todas as páginas

No painel: Configurações > Códigos de monitoramento > Cabeçalho.

<script src="https://unpkg.com/mk-sdk-git@1/dist/mk-sdk.js"
        data-mk-project="SEU_PROJECT_ID"
        data-mk-product="mk-fashion"
        async></script>

Troque SEU_PROJECT_ID pelo identificador do seu projeto. O atributo async garante que a tag não bloqueia o carregamento da página, e @1 fixa a major da versão: você recebe correção sem risco de um release novo mudar a loja sem aviso.

  1. Receba o seu projectId

    A metaKosmos cria o projeto e envia o identificador. Ele é o único valor que muda na tag, e não é segredo: vai no HTML público da loja.

  2. Cole a tag em Códigos de monitoramento

    No painel: Configurações > Códigos de monitoramento > Cabeçalho. É o campo que a própria plataforma oferece para script de terceiro, então nenhum arquivo de tema é alterado e a medição de funil começa aqui, em todas as páginas.

  3. Combine como o catálogo entra

    A Loja Integrada não tem conector de catálogo hoje. Os produtos entram pelo feed no padrão do Merchant Center que a loja publica, ou por importação. É uma conversa curta, mas precisa acontecer antes do resto.

  4. Adicione o botão de provar na página de produto

    Diferente das outras plataformas, aqui o botão é da loja. A metaKosmos entrega o trecho pronto: ele consulta se aquela peça tem provador e só então se mostra, e ao ser clicado abre a experiência com o código do produto da página.

  5. Abra uma PDP e confirme

    Confirme que o botão aparece nos produtos com provador, não aparece nos demais, e que a experiência abre com a peça certa.

Observações importantes

  • Fixe a major da versão (@1) em vez de @latest: você recebe correção sem risco de um release novo mudar a loja sem aviso.
  • A página de produto da Loja Integrada não publica dados estruturados. Ela embute o produto e a grade em atributos da própria página, num formato só dela, e é por isso que o botão aqui é chamado pela loja em vez de aparecer sozinho.
  • A tag sozinha já mede o funil inteiro. Se a sua prioridade é medir antes de provar, o primeiro passo entrega valor sem o segundo.
  • Não há conector de catálogo para a Loja Integrada hoje. Os produtos entram por feed do Merchant Center ou por importação.
  • O SDK não precisa de Google Analytics, Tag Manager nem dataLayer, e não pede nenhum evento manual da loja.

O que o adapter de Loja Integrada resolve

  • A tag entra pelo painel

    O campo de códigos de monitoramento é da própria plataforma. Nada de duplicar tema ou abrir editor de código: cola, salva e a medição começa.

  • Medição de funil desde o primeiro dia

    Visita, produto, carrinho e compra são detectados por sinais que a loja já emite. Isso vale mesmo antes de o botão do provador existir, então dá para começar medindo e decidir o resto com dado na mão.

  • O botão só aparece onde deve

    O trecho que entra na página consulta a disponibilidade da peça antes de se mostrar. Produto sem provador não ganha botão, então o cliente nunca clica em algo que não vai funcionar.

  • Controle total da aparência

    Como o botão é da loja, ele é o seu: usa o seu CSS, o seu texto e a sua posição, sem nada injetado por cima do tema.

  • Sem alteração no checkout

    Nada do que é feito aqui toca o fluxo de pagamento. A integração vive na página de produto e no cabeçalho.

  • Caminho aberto para módulo dedicado

    A grade e o código do produto existem na página, em formato próprio da plataforma. Quando o volume justifica, isso vira um módulo que dispensa o botão manual, como já acontece em outras plataformas.

Por que aqui o botão é da loja

Esta é a diferença que vale entender antes de tudo, e ela não é preguiça nossa.

Na maioria das plataformas, a página de produto publica os dados da peça num formato padronizado, feito para buscadores e comparadores lerem. É esse formato que o provador usa para descobrir sozinho qual produto está aberto e injetar o botão sem ninguém mexer no tema.

A Loja Integrada não publica esses dados. O produto e a grade de tamanhos estão na página, mas num formato próprio da plataforma, em atributos que só ela usa. O caminho automático não tem o que ler.

A saída é direta e estável: a loja chama o provador. A metaKosmos entrega um trecho pronto que consulta a disponibilidade da peça, mostra o botão só quando ela tem provador, e o abre com o código do produto daquela página. São poucas linhas, entram uma vez no template de produto, e não mudam mais.

A medição não depende disso

Vale separar as duas coisas, porque elas têm esforços diferentes.

A tag no painel é o passo simples, e ela sozinha já mede o funil inteiro: visita, página de produto, carrinho e compra, sem evento manual e sem tocar no checkout. Cinco minutos no painel.

O botão do provador é o passo que exige o template de produto. Se a sua prioridade agora é enxergar a jornada da loja, o primeiro passo entrega isso sem depender do segundo, e a decisão sobre o provador pode vir com dado na mão.

Como o catálogo entra

Somos diretos: não existe conector nativo de catálogo para a Loja Integrada hoje, diferente da maioria das plataformas desta lista.

Os caminhos disponíveis são o feed no padrão do Merchant Center, que a loja publica para anunciar, ou a importação. O feed é o mais prático: é um endereço que você já mantém, não exige credencial e re-sincroniza junto com a sua rotina de anúncio.

A contrapartida é a frequência: o provador enxerga o catálogo na cadência em que o feed é regerado.

mK Fashion+ na Loja Integrada

O mK Fashion+ funciona na Loja Integrada?

Sim. A tag vai em Códigos de monitoramento e mede o funil inteiro, e o provador é aberto pelo botão da própria loja, com o código da peça informado pela página.

Por que o botão não aparece sozinho, como em outras plataformas?

Porque a página de produto da Loja Integrada não publica os dados estruturados que o caminho automático lê. O produto e a grade estão na página, mas num formato próprio da plataforma. Por isso a loja chama o provador com um trecho pronto que a metaKosmos entrega.

Preciso mexer no tema?

Para a medição, não: a tag vai pelo painel. Para o provador, sim: o botão entra uma vez no template de produto e não muda mais.

Dá para começar só medindo?

Dá, e costuma ser um bom caminho. A tag sozinha mede visita, produto, carrinho e compra. O botão do provador pode vir depois, com o dado do funil já na mão.

O botão aparece em produto que não tem provador?

Não. O trecho consulta a disponibilidade da peça antes de se mostrar, então o cliente nunca clica em algo que não vai abrir.

Como o catálogo entra?

Por feed no padrão do Merchant Center ou por importação. Não há conector nativo de catálogo para a Loja Integrada hoje, e preferimos dizer isso antes.