Integrazioni

Come Aggiungere Raccomandazioni di Taglia con un'API

Guida dello sviluppatore su forme di richiesta, caching e strategie di fallback per vetrine personalizzate

In questa pagina
  1. Perché l'API-First Conta per le Vetrine Personalizzate
  2. Forma di Richiesta e Risposta
  3. Quando Chiamare l'Endpoint
  4. Strategia di Caching
  5. Privacy e Gestione dei Dati
  6. Fallback Eleganti Quando l'API Fallisce o Non Ha Dati
  7. Gestire la Complessità Multi-Brand e Multi-Sistema di Taglie
  8. Dove Si Inserisce YourSizer
  9. Domande Frequenti
  10. Conclusione

La maggior parte dei fornitori di raccomandazioni di taglia ti vende un widget, non un'API. Se la tua vetrina è costruita su misura — un frontend e-commerce senza testa, un'app nativa o un flusso di checkout che non tollera un iframe incorporato — questo è un problema. Questo articolo spiega la forma di integrazione che funziona davvero: cosa inviare, quando chiamarla, come memorizzarla nella cache e cosa fare quando non funziona.

Perché l'API-First Conta per le Vetrine Personalizzate

Un widget pronto all'uso presuppone un DOM che non controlli e un ciclo di rendering che non possiedi. Le vetrine senza testa costruite su Next.js, Remix o un shell app mobile nativa hanno bisogno che la logica di raccomandazione viva all'interno del proprio albero di componenti — il che significa un contratto JSON, non un tag script.

La differenza pratica emerge in tre posti: budget di latenza, proprietà dello stato e coerenza del design. Una chiamata API che fai tu stesso può essere parallelizzata con altri recuperi di dati di prodotto, memorizzata nella cache al perimetro e stilizzata con la tua libreria di componenti invece di un iframe iniettato. Questo è lo stesso ragionamento che spinge i team verso modelli di integrazione shopify che usano blocchi di app nativi anziché frame incorporati — il controllo del rendering vale il lavoro di integrazione aggiuntivo.

Forma di Richiesta e Risposta

Una chiamata API di raccomandazione di taglia in genere ha bisogno di tre ingredienti: un identificatore di prodotto (con la sua tabella di taglie o metadati del capo), le misurazioni archiviate o di sessione di un cliente e una preferenza di locale/unità. Un corpo di richiesta minimo è simile a questo:

{
  "productId": "sku_48213",
  "measurements": {
    "heightCm": 172,
    "weightKg": 64,
    "fitPreference": "regular"
  },
  "unit": "metric"
}

La risposta dovrebbe restituire una raccomandazione classificata, non solo un'ipotesi unica — i punteggi di confidenza consentono al frontend di decidere se mostrare una taglia in primo piano o presentare due opzioni con una nota. Una forma ragionevole:

{
  "recommended": "M",
  "alternatives": [
    { "size": "L", "confidence": 0.31 }
  ],
  "confidence": 0.87,
  "fallback": false
}

Progetta il contratto in modo che confidence e fallback siano sempre presenti — la logica del tuo frontend si dirama su entrambi, e un campo mancante non dovrebbe causare un crash silenzioso al checkout.

Quando Chiamare l'Endpoint

Chiamare ad ogni caricamento di pagina spreca un andata-ritorno; chiamare solo su un clic esplicito "trova la mia taglia" aggiunge attrito che i clienti non affronteranno. Il compromesso che funziona meglio nella pratica: chiamare una volta quando la pagina del prodotto si monta se un profilo cliente esiste già (cliente che ritorna, account connesso o sessione salvata) e chiamare di nuovo solo quando il cliente cambia misurazioni o prodotti.

Per le pagine di elenco di prodotti, non chiamare l'endpoint di raccomandazione per scheda — raggruppalo. Una singola richiesta con un array di valori productId restituisce raccomandazioni per l'intera griglia in un unico andata-ritorno, il che conta più di quanto sembri su connessioni mobili.

Strategia di Caching

Le raccomandazioni di taglia sono memorizzabili nella cache ma non infinitamente — le misurazioni di un cliente raramente cambiano durante una sessione, ma i metadati del capo (una correzione della tabella di taglie, una nuova nota di vestibilità) possono cambiare lato server in qualsiasi momento. Una politica praticabile:

LivelloTTLChiave
Memoria client (sessione)Durata della visitahash cliente + productId
Edge/CDN5-15 minutiproductId + parametri di vestibilità solo
OriginInvalida all'aggiornamento della tabella di taglie—

La memorizzazione nella cache al perimetro su productId solo (escludendo le misurazioni specifiche del cliente) funziona se il tuo modello di raccomandazione è deterministico in base agli input — memorizzi il calcolo nella cache, non l'identità del cliente. Se il tuo endpoint mescola segnali in tempo reale come la recente cronologia dei resi, mantieni i TTL brevi e tratta la cache come un buffer di latenza, non una fonte di verità.

Privacy e Gestione dei Dati

Le misurazioni corporee sono sensibili per qualsiasi definizione ragionevole, anche quando un cliente le inserisce volontariamente per ottenere una vestibilità migliore. Archivia il minimo necessario — altezza, peso e preferenza di vestibilità sono generalmente sufficienti; raramente hai bisogno di persistere risposte di indagine grezze o dati di sensori dei dispositivi. Dai ai clienti un modo visibile per cancellare le misurazioni archiviate e non trasmetterle a analytics di terze parti o pixel pubblicitari per impostazione predefinita.

Questo è un argomento che merita di essere trattato come un design API di prima classe, non un elemento aggiunto prima di una revisione della privacy. Il nostro pezzo correlato sulla privacy dei dati corporei nel Virtual Try-On copre le aspettative specifiche che i clienti hanno quando un marchio chiede misurazioni corporee, il che vale la pena leggere prima di finalizzare il tuo schema di richiesta.

Fallback Eleganti Quando l'API Fallisce o Non Ha Dati

Una chiamata API può fallire per motivi ordinari — un timeout, una cache fredda o un cliente senza cronologia di misurazioni. Il contratto di risposta sopra include un flag fallback: true esattamente per questo caso; il tuo frontend dovrebbe trattarlo come "nessuna raccomandazione fidata" piuttosto che uno stato di errore.

Comportamento di fallback ragionevole, in ordine di preferenza:

  • Se una tabella di taglie statica esiste per il prodotto, rendila invece di uno slot di raccomandazione vuoto.
  • Se il cliente non ha affatto misurazioni, chiedi un rapido inserimento di 2 campi (altezza e una preferenza di vestibilità) piuttosto che un modulo lungo.
  • Se l'API si esaurisce, non bloccare il pulsante aggiungi al carrello — esegui il downgrade silenzioso alla tabella di taglie e registra il fallimento per il monitoraggio.

Non lasciare mai che una chiamata di raccomandazione fallita diventi un caricamento di pagina fallito. Questo rispecchia il principio generale adiacente agli SEO di come leggere correttamente una tabella di taglie: una tabella di taglie non è una modalità di fallimento, è la base su cui ogni sistema di raccomandazione dovrebbe poter ricadere.

Gestire la Complessità Multi-Brand e Multi-Sistema di Taglie

Se la tua vetrina si estende su più marchi o fornitori, non presumere che uno schema di tabella di taglie vada bene per tutti. I marchi etichettano regolarmente lo stesso capo in modo diverso — una taglia US 8 da un'etichetta può adattarsi come una US 6 da un'altra, che è ben documentata nell'industria ed è uno dei problemi di integrazione più difficili per le costruzioni personalizzate. Il tuo livello API dovrebbe portare un brandId o vendorId accanto a productId in modo che il motore di raccomandazione possa applicare modelli di vestibilità specifici del marchio anziché una singola curva globale.

Questa complessità è anche il motivo per cui le tabelle di taglie da sole sono un sostituto debole per le raccomandazioni calcolate in scala — una tabella dice a un cliente quello che un marchio sostiene, non come il capo si adatta effettivamente a un corpo. Per ulteriori informazioni su questa distinzione, vedi tabella di taglie vs raccomandazione di taglia.

Dove Si Inserisce YourSizer

Il motore di raccomandazione di YourSizer è disponibile come API diretta, non solo come widget confezionato, specificamente per i team che costruiscono vetrine personalizzate o app native. Il contratto richiesta/risposta segue la forma descritta sopra: un prodotto e un profilo cliente in entrata, una taglia classificata con un punteggio di confidenza in uscita, con un flag di fallback esplicito in modo che il tuo frontend non debba mai indovinare se una risposta è autorevole.

I dati di misurazione sono gestiti con limiti di conservazione e percorsi di eliminazione chiari, e l'API supporta richieste raggruppate per le pagine di elenco in modo da non fare un andata-ritorno per scheda prodotto. I team di integrazione in genere lo collegano a un livello di recupero dati del prodotto esistente — componenti del server Next.js, un risolutore GraphQL o il servizio di prodotto di un'app nativa — anziché aggiungere uno script lato client separato, che mantiene la latenza e il controllo del design nelle tue mani.

Domande Frequenti

L'API di raccomandazione di taglia ha bisogno di misurazioni in tempo reale o può utilizzare i dati del profilo archiviato?

Entrambi funzionano e la maggior parte delle integrazioni usa entrambi. Il profilo archiviato di un cliente che ritorna (altezza, peso, preferenza di vestibilità) è l'input principale, mentre un visitatore per la prima volta in genere inserisce una rapida stima di due campi che viene memorizzata nella cache della sua sessione. L'API dovrebbe accettare entrambi i percorsi attraverso lo stesso oggetto measurements in modo che il tuo frontend non abbia bisogno di rami di codice separati per clienti nuovi e abituali.

In che cosa differisce semplicemente incorporare un widget di raccomandazione di taglia?

Un widget possiede il suo rendering, styling e spesso il suo proprio confine iframe, che è veloce da integrare ma limita il controllo sul layout e le prestazioni della pagina. Un'integrazione API-first significa che il tuo team possiede completamente l'interfaccia utente e consuma solo la logica di raccomandazione come dati, che è il compromesso giusto per le vetrine senza testa, le app native o i marchi con sistemi di progettazione rigorosi in cui un frame incorporato non si adatta.

Cosa dovrebbe accadere se l'API restituisce una raccomandazione a bassa confidenza?

Tratta un punteggio di confidenza basso come un segnale per mostrare alternative anziché impegnarti in una singola taglia. Un modello frontend ragionevole è mostrare la raccomandazione principale in primo piano quando la confidenza è superiore a circa 0.7-0.8, e mostrare due taglie affiancate con una breve nota quando scende al di sotto. Questo mantiene il cliente informato senza forzare un falso senso di certezza nell'interfaccia utente, che è una delle aree coperte in come scegliere una soluzione di raccomandazione di taglia.

L'API può supportare più marchi con diversi sistemi di taglie in una singola vetrina?

Sì, purché la richiesta includa un identificatore di marchio o fornitore insieme all'ID del prodotto, poiché i modelli di vestibilità devono essere consapevoli del marchio anziché globali. I marketplace e i rivenditori multi-brand sono il caso più comune dove conta — una singola etichetta "taglia M" significa cose diverse tra i fornitori e un'API ben progettata tiene conto di questo anziché calcolarne la media.

Conclusione

Costruire raccomandazioni di taglia in una vetrina personalizzata è principalmente un problema di progettazione di integrazione, non di machine learning — le parti difficili sono la forma del contratto, i confini della cache e cosa accade quando la chiamata non riesce. Fai bene questo e il livello di raccomandazione diventa semplicemente un'altra dipendenza di dati che il tuo frontend gestisce elegantemente, nello stesso modo in cui gestisce già le API di inventario o prezzi. Man mano che più commercio si sposta verso architetture senza testa e native, gli strumenti di vestibilità API-first è probabile che diventino l'aspettativa predefinita anziché l'eccezione.

ArgomentiApiRaccomandazione tagliaDevelopers

Mettilo in pratica

Guarda YourSizer sul tuo negozio

Raccomandazione della taglia, modello corporeo 3D e prova virtuale con foto — sulle tue pagine prodotto in un giorno.