I siti web moderni spesso contengono Contenuto dinamico — contenuti generati o aggiornati in base all'interazione dell'utente, alle risposte di back-end o agli script di terze parti (ad esempio, prezzi dei prodotti, testo specifico dell'utente o elementi generati da JavaScript). A differenza dei contenuti HTML statici, gli elementi dinamici non sono sempre presenti nell'origine iniziale della pagina, il che li rende più difficili da tradurre.

Noi di MultiLip abbiamo costruito meccanismi intelligenti per Rileva e traduci contenuti dinamici in tempo reale , garantendo agli utenti un'esperienza completamente localizzata, indipendentemente dal modo in cui vengono visualizzati i contenuti.

Che cos'è il contenuto dinamico?

I contenuti dinamici includono qualsiasi testo sulla pagina che sia:

  • Rendering da JavaScript dopo il caricamento della pagina.
  • Caricato tramite chiamate AJAX/API.
  • Inserito utilizzando framework di frontend (React, Vue, Angular, ecc.).
  • Generato tramite widget, moduli o plug-in.

Ad esempio, i contenuti che si aggiornano in base all'input dell'utente (ad esempio, menu a discesa, totali del carrello, notifiche in tempo reale) o che vengono caricati dopo lo scorrimento potrebbero non esistere inizialmente nell'HTML grezzo, il che significa che gli strumenti di traduzione di base potrebbero non rilevarlo.

In che modo MultiLipi gestisce la traduzione dinamica dei contenuti

Il motore di traduzione di MultiLipi è Compatibile con JavaScript e osservatore DOM , il che significa che monitora continuamente la pagina anche dopo il caricamento iniziale. Ecco come ci assicuriamo che i tuoi contenuti dinamici siano tradotti in modo accurato:

  1. Monitoraggio DOM in tempo reale:
    Il nostro script frontend rileva le modifiche nel contenuto della pagina utilizzando gli osservatori di mutazioni DOM. Quando vengono aggiunti o aggiornati nuovi elementi, MultiLipi attiva immediatamente la traduzione del testo aggiornato.
     

  2. Compatibilità del framework:
    Sia che tu stia utilizzando framework come React, Vue, Angular o aggiornamenti standard basati su jQuery, MultiLipi si aggancia automaticamente agli elementi renderizzati e applica le traduzioni non appena diventano visibili.
     

  3. Supporto script in linea:
    Se il contenuto dinamico viene inserito tramite JavaScript in linea o logica di modello, il nostro sistema identifica le stringhe traducibili non appena appaiono e le aggiunge automaticamente alla coda di traduzione.
     

  4. Contenuto caricato tramite API:
    Per i contenuti caricati tramite AJAX o API di terze parti, MultiLipi traduce il testo dopo che è stato visualizzato sullo schermo, assicurando che i visitatori vedano i contenuti nella lingua selezionata, indipendentemente dalla loro provenienza.
     

  5. Caching e ottimizzazione:
    Una volta rilevato e tradotto il testo dinamico, MultiLipi memorizza nella cache il risultato per migliorare la velocità e le prestazioni durante le visite future e i ricaricamenti delle pagine.
     

Best practice per una traduzione dinamica affidabile

Sebbene MultiLipi sia progettato per gestire in modo intelligente i contenuti dinamici, ecco alcuni suggerimenti per massimizzare l'accuratezza della traduzione:

  • Evita innerText che cambia frequentemente senza un corretto wrapping HTML.
    Utilizza tag identificabili o nomi di classe per aiutare il nostro motore a rilevare e isolare il testo.
     
  • Non ritardare troppo a lungo il rendering dei contenuti.
    Prima il contenuto viene visualizzato nel DOM, più velocemente viene tradotto.
     
  • Se la pagina contiene iframe incorporati , assicurati che la traduzione sia abilitata all'interno di tali iframe (se il dominio è lo stesso) o ristruttura il contenuto per evitare blocchi tra domini.
     
  • Utilizzare frasi coerenti nei componenti dinamici per migliorare il riutilizzo delle traduzioni ed evitare voci di traduzione ridondanti.
     

MultiLipi = Localizzazione dinamica senza soluzione di continuità

Non è necessario scrivere logica aggiuntiva o integrare SDK aggiuntivi. Una volta che lo script MultiLipi è incorporato nel tuo sito, lo farà Traduci automaticamente sia i contenuti statici che quelli dinamici . Ciò include popup di menu, finestre modali, filtri, aggiornamenti del carrello della spesa, suggerimenti di ricerca e altro ancora, in tempo reale, per tutte le lingue supportate.

Se noti dei contenuti mancanti, non esitare a contattare il nostro team di supporto. Miglioriamo costantemente il nostro motore di rilevamento e possiamo aiutare a inserire nella whitelist o gestire manualmente casi rari.

Sommario

MultiLipi garantisce che l'intero sito web, compresi gli elementi dinamici, sia completamente localizzato. Grazie al rilevamento automatico, al rendering istantaneo e alla compatibilità nativa tra i framework moderni, non dovrai mai più preoccuparti di contenuti non localizzati sullo schermo.