Online Spiel für Ihre Webseite oder Blog

SchachOnline.at Live Board wird Ihre Website um ein einzigartiges interaktives Element erweitern. Ihre Besucher und Leser können direkt auf Ihrer Website online eine Partie gegen einen menschlichen Gegner spielen. SchachOnline.at Live Board zu Ihrer Website hinzuzufügen ist ganz einfach und dauert nur wenige Minuten.

Wie fügen Sie SchachOnline.at Live Board zu Ihrer Website hinzu?

Schritt 1 – Code wird generiert

Design Vorlagen
Einstellungen Schachbrett
Die Sprache
Größe der Komponente wählen
Benutzerdefinierte Autorisierung

Freilassen, wenn Sie keine persönliche Übereinkunft mit SchachOnline.at getroffen haben. Wenn Sie individuelle Bedingungen, mehr als 2 Schachbretter oder einen Schach-Client mit mehr Funktionen wünschen, schreiben Sie an [email protected].

Generieren

Schritt 2 – Einfügen des generierten Javascript-Codes in Ihre Website

Kopieren Sie den ersten Teil des Codes (Javascript-Code) und fügen Sie ihn irgendwo zwischen den Tags html und /html ein. Der Javascript-Code wird Ihre Website nicht verlangsamen, da er unmittelbar nachdem die Seite vollständig geladen wurde ausgeführt wird.

Beispiele:

Einfügen des generierten Codes im Header des HTML-Codes – irgendwo zwischen den Tags <head> und </head>
<head>
    <title>Name Ihrer Website</title>
    ...
    <script type='text/javascript'>
        
window._cf ={}; window._cf.id = '2';(function() {var cf = document.createElement('script'); cf.type ='text/javascript'; cf.async = true; cf.src = 'http://cf-cdn.s3.amazonaws.com/js/livechess.min.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(cf, s);})();
</script> ... </head>
Einfügen des generierten Codes im Body des HTML-Codes – irgendwo zwischen den Tags <body> und </body>
<body>
   ...
   <script type='text/javascript'>
     
window._cf ={}; window._cf.id = '2';(function() {var cf = document.createElement('script'); cf.type ='text/javascript'; cf.async = true; cf.src = 'http://cf-cdn.s3.amazonaws.com/js/livechess.min.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(cf, s);})();
</script> ... </body>

Schritt 3 – Positionierung von SchachOnline.at Live Board auf Ihrer Website

Kopieren Sie den zweiten Teil des generierten Codes (HTML-Code) und fügen Sie ihn an geeigneter Stelle zwischen den Tags <body> und </body> im HTML-Code Ihrer Website ein.

Beispiele:

Positionierung des Bretts links oben auf Ihrer Website
<body>
   
<div id="CF_LIVE_BOARD_1"></div>
... </body>
Positionierung des Bretts in einem bestehenden Abschnitt (<div>) Ihrer Website.
			
<div id="ID_of_your_existing_div">
   
<div id="CF_LIVE_BOARD_1"></div>
... </div>

Tipp: Heutzutage sind die meisten Seiten und Blogs in Abschnitte eingeteilt (<div>). Wenn Sie SchachOnline.at Live Board z. B. in Ihrem Menü platzieren möchten, versuchen Sie den Punkt <div> zu finden, der den Menü-Code enthält, und fügen Sie dort den generierten HTML-Code des SchachOnline.at Live Board ein.