So baust Du Happy Wheels auf Deiner Weebly-Website ein

Weebly Header Weebly Header Weebly Header

Neben PC-, Konsolen- und Mobile Games existieren seit vielen Jahren auch sogenannte Browser Games, für die man neben einem starken Rechner lediglich eine gute Internet-Verbindung benötigt. Diese haben den Vorteil, dass sie nahezu plattform- und betriebssystemunabhängig funktionieren, solange auf dem Gerät ein Browser wie der Internet Explorer installiert ist und einige andere technische Voraussetzungen erfüllt sind. Browser Games sind dazu in der Regel Free to Play, das heißt es entstehen keine Anschaffungskosten. Falls man besonderen Gefallen an einem Spiel gefunden hat, kann man gegen Geld je nach Spiel Dinge wie Premium Fähigkeiten, Waffen oder Fahrzeuge freischalten, die einem im Spiel gewisse Vorteile verschaffen.


Da Browser Games naturgemäß wie eine Website auch im Browser angezeigt und gespielt werden, liegt der Gedanke nahe, sie in die eigene Website einzubinden. Das kann besonders für Betreiber von Clan- oder Gamer-Homepages interessant sein.

Aufwand im Überblick:
Mit Zusatzkosten verbunden?
Nein
Schwierigkeitsgrad
Sehr leicht
Zeitaufwand
Ca. 5 Minuten

Hinweis: Was in unserem Beispiel mit Happy Wheels funktioniert, funktioniert mit vielen anderen Browser Games auch, solange der Anbieter damit einverstanden ist und den sogenannten HTML Embed Code bereitstellt.

Der Anbieter Games68.com stellt auch für Happy Wheels, so wie für viele andere Browser Spiele, einen HTML Embed Code zur Verfügung. So ist es ohne Probleme möglich, sie in die eigene Website einzubinden.


Achtung: Da die Spiele zum Großteil darauf angewiesen sind, dass Adobe Flash auf dem Endgerät installiert ist, kann es unter Umständen vorkommen, dass sie nicht auf jedem Gerät funktionieren


1 Vorbereitung

Id 450 Bild 10 Id 450 Bild 10 Id 450 Bild 10

Logge Dich in Deinen Weebly Baukasten ein. Standardmäßig sollte die Seite „Erstellen“ mit Deiner Homepage erscheinen, in der linken Seitenleiste sollten die „Elemente“ ausgewählt sein. Solltest Du Dich gerade an einer anderen Stelle Deines Baukastens befinden, navigiere zu dieser Position.


Öffne eine zweite Internet-Seite und rufe die Homepage von Happy Wheels unter games68.com/games.php?id=17635 auf.


2 Den Code zum Einbetten kopieren

Id 450 Bild 1 Id 450 Bild 1 Id 450 Bild 1

Scrolle auf der Seite bis ganz nach unten. Dort findest Du einen farbig unterlegten Kasten, über dem der Schriftzug „This game on your Website / Blog for free ? Here is the embed HTML code !“ steht. Klicke in den Kasten mit dem Code, sodass er blau markiert wird. Kopiere ihn in die Zwischenablage Deines PCs indem Du STRG C drückst.


3 Das HTML Widget aktivieren

Id 450 Bild 2 Id 450 Bild 2 Id 450 Bild 2

>>>>>>>>>>>>>>>>>>>>

Id 450 Bild 3 Id 450 Bild 3 Id 450 Bild 3

4 Den kopierten Code einfügen

Id 450 Bild 4 Id 450 Bild 4 Id 450 Bild 4

Klicke nun in den Platzhalter des HTML Widgets. Daraufhin öffnet sich über oder unter dem Paltzhalter ein Fenster wie nebenstehend abgebildet. Klicke hier auf den Eintrag „Benutzerdefinierte HTML bearbeiten“.

Id 450 Bild 5 Id 450 Bild 5 Id 450 Bild 5

Nun wird der ursprüngliche Platzhaltertext aktiviert. Du erkennst das daran, dass er blau unterlegt ist. Du kannst ihn nun bearbeiten.

Id 450 Bild 6 Id 450 Bild 6 Id 450 Bild 6

Drücke STRG V, um den zuvor bei Happy Wheels kopierten Code einzufügen. Das Ergebnis sollte in etwa wie auf unserem Screenshot aussehen.


5 Die Änderungen speichern

Id 450 Bild 7 Id 450 Bild 7 Id 450 Bild 7

Wenn Du nun auf eine beliebige Stelle außerhalb des HTML Widgets klickst, sollten das Fenster für „Benutzerdefinierte HTML“ und der eingefügte Code wieder verschwinden. An Stelle des Platzhalters und des Codes sollte ein kleiner Schriftzug von Games68.com als Platzhalter für das Game Happy Wheels erscheinen.

Id 450 Bild 8 Id 450 Bild 8 Id 450 Bild 8

Hinweis: Dass das Spiel nicht bereits jetzt schon startet, beziehungsweise innerhalb des Baukastens funktioniert, ist normal. Es wird nur auf Deiner Weebly-Homepage richtig funktionieren, nicht jedoch innerhalb des Baukastens. Lass Dich dadurch nicht verunsichern.


Schließe das Einbinden von Happy Wheels auf Deiner Homepage ab, indem Du diese veröffentlichst. Klicke hierzu wie gewohnt auf den Button „Veröffentlichen“ in der rechten oberen Ecke Deines Baukastens.

Id 450 Bild 9 Id 450 Bild 9 Id 450 Bild 9

Melde Dich ab bzw. gehe in der Besucher-Ansicht auf Deine Homepage. Darauf sollte jetzt an der gewünschten Stelle das eingebundene Spiel Happy Wheels erscheinen. Viel Spaß!


Der Autor
Ferenc Nagy Magazin Ferenc Nagy Magazin Ferenc Nagy Magazin
Ferenc Nagy
Ich arbeite seit 2012 als Web Designer und Freier Autor. Zu meinen Arbeiten als Freier Autor mit Schwerpunkt IT zählen unter anderem die Aktualisierung und Überarbeitung der 13. Auflage von "Internet für Dummies" sowie diverse Fachartikel und Ratgeber für CHIP Online. Als Web Designer betreue ich in erster Linie Künstler, Blogger, Start Ups und gemeinnützige Vereine.