Wenn Ihre Website als standardmäßige statische Seite erstellt wurde oder einfache Dateien wie .html oder .php verwendet, ist das Einbetten des SEOptimer-Einbettungsformulars in der Regel sehr einfach.


Dieser Leitfaden behandelt die grundlegendste Installationsmethode für Websites, bei denen Sie direkten Zugriff auf den Quellcode der Seite haben. Dazu gehören Seiten, die mit einfachem HTML, PHP oder anderen einfachen serverseitig gerenderten Dateien erstellt wurden, bei denen das Seitenmarkup klar sichtbar ist.


Bevor Sie beginnen


Bevor Sie Ihr Formular generieren und einbetten, stellen Sie sicher, dass Ihre White-Label-Berichtsvorlage vollständig eingerichtet ist und Ihre Embed Form-Einstellungen konfiguriert wurden. Sobald diese bereit sind, können Sie zu Ihrer Seite mit den Einbettungseinstellungen navigieren, zum Ende der Seite scrollen und Ihren Einbettungscode generieren.

Verstehen der Struktur des Einbettungscodes


Nachdem Sie Ihren Einbettungscode erstellt haben, werden Sie feststellen, dass Ihr Code in drei Abschnitte unterteilt ist:

  • CSS
  • HTML
  • JavaScript


Jede Sektion spielt eine andere Rolle:

  • CSS steuert das Aussehen des [Formulars]
  • HTML definiert, wo das [Formular] auf Ihrer Seite erscheint
  • JavaScript lädt und steuert die [Funktionalität] des [Formulars]

Sie können die Abschnitte CSS und HTML anpassen, um sie an Ihre Website und Ihr Layout anzupassen. Jedoch sollte das JavaScript genau so belassen werden, wie es bereitgestellt wird, da eine Änderung möglicherweise das Formular [brechen] könnte.

Wie man das Einbettungsformular zu einer einfachen HTML- oder PHP-Seite hinzufügt


Öffnen Sie die Datei, in der das Formular erscheinen soll. Dies könnte etwas wie:

  • index.html
  • pricing.html
  • contact.php
  • audit.php

Fügen Sie dann den SEOptimer-Einbettungscode in den Teil der Seite ein, in dem das Formular "angezeigt" werden soll.


Hier ist ein einfaches Beispiel, wie das auf einer grundlegenden HTML-Seite aussehen könnte:

HTML-Einbettung

Auf einer PHP-Seite ist der Vorgang derselbe, fügen Sie einfach den Einbettungscode an der entsprechenden Stelle in Ihre Datei ein:

PHP Embed

Seite speichern und testen


Nachdem Sie Ihren Einbettungscode in Ihre Seite eingefügt haben, ist es Zeit, das Formular zu testen, um sicherzustellen, dass es ordnungsgemäß funktioniert. Sie müssen die Datei speichern und bei Bedarf auf Ihren Server hochladen, die Seite in Ihrem Browser öffnen und überprüfen, ob das Formular korrekt geladen wird.

In diesem Stadium müssen Sie möglicherweise einige Anpassungen vornehmen, wenn das Formular nicht so erscheint, wie Sie es sich wünschen. Die meisten dieser Änderungen müssen am CSS-Teil des Codes vorgenommen werden.

  • Wenn das Formular überhaupt nicht erscheint, müssen Sie Folgendes überprüfen:
  • Ob das JavaScript unvollständig oder bearbeitet ist
  • Ob Sie den Code in die falsche Datei oder an den falschen Ort eingefügt haben
  • Ob es Caching-Probleme gibt
  • Oder ob es Konflikte mit vorhandenen Skripten oder Stilen gibt

Eine Anmerkung zu "Frameworks" und [fortgeschrittenen] Setups


Dieser Leitfaden ist für einfache Seiten gedacht, bei denen HTML direkt bearbeitet werden kann. Wenn Ihre Seite Frontend-Frameworks wie React, Vue oder Angular verwendet, kann der Prozess anders sein, da Inhalte dynamisch gerendert werden, anstatt direkt in statische Dateien geschrieben zu werden.


In diesen Fällen kann das Einbetten des Formulars einen technischeren Ansatz erfordern.

Abschließend


Für einfache HTML- oder PHP-Seiten ist das Einbetten des SEOptimer-Formulars ein schneller Prozess, generieren Sie Ihren Code, fügen Sie ihn in Ihre Seite ein, und Sie sind startklar.
Sobald installiert, haben Sie ein voll funktionsfähiges SEO-Audit-Formular bereit, um Leads zu erfassen und gebrandete Berichte direkt von Ihrer Seite zu liefern.

Brauchen Sie Hilfe?


Live-Chat: Klicken Sie auf Live-Chat (unten rechts)
E-Mail: [email protected]
Antwortzeit: Innerhalb von 24 Stunden