Lokalisierung

Sie können Ihre Website übersetzen und Produktbeschreibungen in verschiedenen Sprachen ergänzen. Das steigert die Benutzerfreundlichkeit und somit die Spielerbindung. Folgendes lässt sich lokalisieren:

• Allgemeine Website-Elemente
• Produktbeschreibungen auf der Website
• Bilder

Website lokalisieren

So lokalisieren Sie die Website-Oberfläche:

1. Öffnen Sie das Projekt im Kundenportal.
2. Klicken Sie auf Projekteinstellungen.
3. Wechseln Sie zur Registerkarte Allgemeine Einstellungen, und wählen Sie die für die Website zu lokalisierenden Sprachen aus.
4. Geben Sie im Feld Projektname den lokalisierten Namen für die entsprechenden Sprachen ein.
5. Klicken Sie auf Speichern.
6. Klicken Sie in der Seitenleiste auf Site Builder.
7. Klicken Sie in der Karte der gewünschten Website auf Site Builder öffnen.
8. Wechseln Sie in die Spracheneinstellungen, und stellen Sie die Schalter für die gewünschten Sprachen auf Ein.
9. Entscheiden Sie, wo sich die Schaltfläche für die Sprachauswahl befinden soll. Wählen Sie dazu unter Schaltflächenposition die Option Header und/oder Footer aus.

Nachdem Sie die Lokalisierung aktiviert haben, werden alle Elemente der Website-Oberfläche in die ausgewählten Sprachen übersetzt. Standardmäßig werden die von Xsolla vorbereiteten Textfelder und verfassten Übersetzungen verwendet. Doppelklicken Sie auf ein Textfeld und geben Sie Ihren eigene Text ein, um die Standardübersetzungen zu ändern.

Produktnamen und ‑beschreibungen lokalisieren

So lokalisieren Sie den Bezahlvorgang (z. B. für virtuelle Gegenstände) auf der Website:

1. Öffnen Sie das Projekt im Kundenportal.
2. Klicken Sie auf Projekteinstellungen.
3. Wechseln Sie zur Registerkarte Allgemeine Einstellungen, und wählen Sie die für die Website zu lokalisierenden Sprachen aus.
4. Geben Sie im Feld Projektname den lokalisierten Namen für die entsprechenden Sprachen ein.
5. Klicken Sie auf Speichern.
6. Klicken Sie in der Seitenleiste auf Store.
7. Klicken Sie unter Virtuelle Gegenstände auf Konfigurieren bzw. Verknüpfen.
8. Wählen Sie aus dem Drop-down-Menü die Option Artikel anlegen, oder klicken Sie im Kontextmenü eines bestehenden Gegenstands auf Gegenstand bearbeiten.
9. Vergeben Sie einen Gegenstandsnamen und eine Beschreibung für alle zu lokalisierenden Sprachen.

10. Klicken Sie auf Speichern.
11. Klicken Sie in der Seitenleiste auf Site Builder.
12. Klicken Sie in der Karte der gewünschten Website auf Site Builder öffnen.
13. Wechseln Sie in die Spracheneinstellungen, und stellen Sie die Schalter für die gewünschten Sprachen auf Ein.
14. Wechseln Sie zum Menüpunkt Store, und wählen Sie die Gegenstandsgruppen aus, für die die Lokalisierung konfiguriert ist.

Bilder lokalisieren

Sie können ein Bild mit Text in einer bestimmten Sprache auf Ihrer Website platzieren, indem Sie benutzerdefinierten HTML-Code verwenden. Sie können eine vorgefertigte Lösung verwenden oder Ihren eigenen Code hinzufügen.

Beispiel für die Nutzung einer bestehenden Lösung

1. Öffnen Sie Ihr Projekt im Kundenportal.
2. Klicken Sie in der Seitenleiste auf Site Builder.
3. Klicken Sie in der Karte der gewünschten Website auf Site Builder öffnen.
4. Wechseln Sie in die Spracheneinstellungen, und stellen Sie die Schalter für die gewünschten Sprachen auf Ein.
5. Ergänzen Sie den folgenden Inhalt im Block Benutzerdefinierter Code:

<div class="image-container">
  <img class="localised-image lazy loaded" data-src="https://cdn.xsolla.net/merchant-bucket-prod/files/uploaded/sitebuilder/71070/bc6d3c723c6381e85fbb929563922ecb.jpg" />
</div>

Im CSS-Abschnitt:

.image-container {
  text-align: center;
  padding: 4em 1em;
}

.image-container img {
  width: 100%;
}

Im JavaScript-Abschnitt:

1. Legen Sie im Parameter htmlLang die Sprachen fest, für die Sie das lokalisierte Bild hinzufügen.
2. Geben Sie im Parameter localisedImage.dataset.src den Link zum lokalisierten Bild an.

Möchten Sie mehrere Sprache hinzuzufügen, müssen Sie die JavaScript-Codefragmente duplizieren und die erforderlichen Parameterwerte ersetzen.

const htmlLang = document.documentElement.lang;
const localisedImage = document.querySelector('.localised-image');
 if (htmlLang === 'es') {

   localisedImage.dataset.src = 'https://cdn.xsolla.net/merchant-bucket-prod/files/uploaded/sitebuilder/71070/bc6d3c723c6381e85fbb929563922ecb.jpg';
 }
 if (htmlLang === ‘it’) {

   localisedImage.dataset.src = 'https://cdn.xsolla.net/merchant-bucket-prod/files/uploaded/sitebuilder/71070/bc6d3c723c6381e85fbb929563922ecb.jpg';
 }

6. Klicken Sie auf Vorschau, um die Änderungen zu begutachten. Das Bild ist nur für die Sprachen lokalisiert, die Sie im Block Benutzerdefinierter Code angegeben haben.

Eigenen Code hinzufügen

1. Klicken Sie im Site Builder auf Block hinzufügen und dann auf Benutzerdefinierter Code.

2. Fügen Sie Ihren eigenen Code in den Block ein.