Språknavigeringskomponent (v1) language-navigation-component

Språknavigeringskomponenten är ett språk-/landsnavigeringssätt för en webbplats, så att besökare kan navigera till samma sida på ett annat språk.

Användning usage

Webbplatser finns ofta på flera språk för olika regioner. Med språknavigeringskomponenten kan besökaren visa samma sida på olika språk/språk. Om du läser på den schweiziska tyska versionen av webbplatsen kan du enkelt växla till den engelska versionen av samma sida. Komponenten Språknavigering hanterar förståelsen av webbplatsens språkstruktur och söker automatiskt efter motsvarande sida.

The redigeringsdialogruta gör det möjligt att definiera den globala platsnavigeringsroten samt hur djupt in i strukturen navigeringen ska gå. Använda designdialogrutakan mallskaparen ange standardvärden för samma alternativ.

Version och kompatibilitet version-and-compatibility

I det här dokumentet beskrivs v1 av språknavigeringskomponenten, som introducerades i version 2.0.0 av grundkomponenterna i januari 2018.

CAUTION
Det här dokumentet beskriver v1 för komponenten för språknavigering.
Information om den aktuella versionen av språknavigeringskomponenten finns i Språknavigeringskomponent -dokument.

Exempel på komponentutdata sample-component-output

Om du vill se exempel på språknavigeringskomponenten och dess konfigurationsalternativ samt HTML och JSON-utdata går du till Komponentbibliotek.

Teknisk information technical-details

Den senaste tekniska dokumentationen om komponenten för språknavigering finns på GitHub.

Mer information om hur du utvecklar kärnkomponenter finns i Dokumentation för grundkomponentutvecklare.

Designdialogruta design-dialog

I redigeringsdialogrutan kan du definiera den globala platsnavigeringsroten samt hur djupt in i strukturen navigeringen ska gå.

Vanligtvis behöver dessa konfigurationer bara göras på sidmallsnivå. De kan dock ändras på sidnivå via redigeringsdialogruta.

Fliken Egenskaper properties-tab

Designdialogrutan för komponenten för språknavigering

  • Navigeringsrot

    • Det är här som webbplatsens språknavigering ska börja.
    • Platsens språkstruktur börjar på nästa nivå under den här roten.
  • Språkstrukturdjup

    • Det här är hur många nivåer i innehållsträdet som finns under Navigeringsrot representerar webbplatsens språkstruktur. Exempel:

      • 1 betyder vanligtvis att du bara kan välja språk.
      • 2 betyder vanligtvis att du kan välja språk och land.
      • 3 betyder vanligtvis att du kan välja språk, land och region.

Exempel example

Låt oss säga att innehållet ser ut ungefär så här:

/content
+-- wknd
   +-- language-masters
   +-- us
      +-- en
      \-- es
   \-- ch
      +-- de
      +-- fr
      \-- it
+-- wknd-events
\-- wknd-shop

För webbplatsen WKND vill du förmodligen placera komponenten Språknavigering i en sidmall som en del av sidhuvudet. När du är en del av mallen kan du ange Navigeringsrot för komponenten till /content/wknd eftersom det är där ditt lokaliserade innehåll för den webbplatsen börjar. Du vill också ange Språkstrukturdjup att 2 eftersom din struktur är på två nivåer (land och sedan språk).

Med Navigeringsrot värdet vet språkkomponenten att efter /content/wknd som navigeringen börjar med och kan generera alternativ för språknavigering genom att identifiera de två nästa nivåerna i innehållsträdet som webbplatsens språknavigeringsstruktur (som definieras av Språkstrukturdjup värde).

Oavsett vilken sida en användare visar kan komponenten Språknavigering hitta motsvarande sida på ett annat språk genom att känna till platsen för den aktuella sidan och arbeta bakåt till roten och sedan vidarebefordra till motsvarande sida.

Fliken Format styles-tab

Språknavigeringskomponenten har stöd för AEM Formatsystem.

Dialogrutan Redigera edit-dialog

Vanligtvis behöver komponenten Språknavigering bara läggas till och konfigureras på sidmallarna för en plats. Om komponenten Språknavigering måste läggas till på en enskild innehållssida kan en innehållsförfattare i redigeringsdialogrutan konfigurera samma värden som beskrivs i designdialogruta.

Dessutom kan du ange en ID. Med det här alternativet kan du styra den unika identifieraren för komponenten i HTML och i Datalager.

  • Om inget anges genereras ett unikt ID automatiskt åt dig och du hittar det genom att granska den resulterande sidan.
  • Om ett ID anges är det författarens ansvar att se till att det är unikt.
  • Om du ändrar ID:t kan det påverka spårningen av CSS, JS och datalager.

Redigera-dialogrutan för språknavigeringskomponenten

Adobe-klientdatalager data-layer

Språknavigeringskomponenten har stöd för Adobe Client Data Layer.

recommendation-more-help
d2be9096-a81e-404b-9952-d8925af7219c