Jeśli Twoja strona internetowa jest zbudowana jako standardowa strona statyczna lub używa prostych plików takich jak .html lub .php, osadzenie "SEOptimer Embed Form" jest zazwyczaj bardzo proste.


Ten przewodnik obejmuje najbardziej podstawową metodę instalacji dla stron internetowych, gdzie masz bezpośredni dostęp do kodu źródłowego strony. To obejmuje strony zbudowane z czystego HTML, PHP lub innych prostych plików renderowanych po stronie serwera, gdzie znacznik strony jest wyraźnie widoczny.


Zanim [zaczniesz]


Przed wygenerowaniem i osadzeniem swojego formularza upewnij się, że twój szablon raportu "white label" jest w pełni skonfigurowany, a ustawienia "Embed Form" zostały skonfigurowane. Gdy te elementy są gotowe, możesz przejść do strony "Embedding Settings", przewinąć na dół strony i wygenerować swój kod osadzania.

Zrozumienie struktury kodu "Embed"


Po wygenerowaniu kodu osadzania zauważysz, że twój kod jest podzielony na trzy sekcje:

  • CSS
  • HTML
  • JavaScript


Każda "sekcja" odgrywa inną "rolę":

  • CSS kontroluje [wygląd] formularza
  • HTML definiuje, gdzie formularz [pojawia się] na stronie
  • JavaScript ładuje i zasila [funkcjonalność] formularza

Możesz dostosować sekcje CSS i HTML, aby pasowały do Twojej strony i układu, jednak JavaScript powinien pozostać dokładnie taki, jak podano, ponieważ jego modyfikacja może [zepsuć] formularz.

Jak dodać formularz osadzania do zwykłej strony HTML lub PHP


Otwórz plik, w którym chcesz, aby pojawił się formularz. To może być coś takiego jak:

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

Następnie wklej kod osadzenia SEOptimer do części strony, w której chcesz, aby [formularz] się wyświetlał.


Oto prosty przykład, jak to może wyglądać na podstawowej stronie HTML:

HTML Embed

Na stronie PHP proces jest taki sam, po prostu wklej "kod osadzania" we właściwe miejsce w pliku:

PHP Embed

Zapisz i przetestuj stronę


Po tym jak dodałeś swój kod do osadzenia na swojej stronie, nadszedł czas, aby "przetestować" [formularz] i upewnić się, że działa poprawnie. Musisz zapisać plik i przesłać go na swój serwer, jeśli to konieczne, otworzyć stronę w przeglądarce i sprawdzić, czy formularz ładuje się poprawnie.

Na tym etapie możesz potrzebować wprowadzić kilka poprawek, jeśli formularz nie pojawia się tak, jak byś chciał. Większość z tych zmian będzie musiała być dokonana w części kodu CSS.

  • Jeśli formularz w ogóle się nie pojawia, musisz sprawdzić następujące rzeczy:
  • Czy "JavaScript" jest niekompletny lub edytowany
  • Czy wkleiłeś kod do niewłaściwego pliku lub lokalizacji
  • Czy występują problemy z [pamięcią] podręczną
  • Lub czy występują konflikty z istniejącymi skryptami lub stylami

Uwaga na temat "frameworków" i "zaawansowanych konfiguracji"


Ten przewodnik jest przeznaczony dla prostych stron, gdzie HTML można edytować bezpośrednio. Jeśli Twoja strona używa frameworków frontendowych takich jak React, Vue lub Angular, proces może się różnić, ponieważ treść jest renderowana dynamicznie, a nie zapisywana bezpośrednio do statycznych plików.


W takich przypadkach, osadzenie formularza może wymagać bardziej technicznego podejścia.

Podsumowanie


Dla zwykłych stron HTML lub PHP, "osadzenie" formularza SEOptimer jest szybkim procesem, wygeneruj swój kod, wklej go na swoją stronę, i jesteś gotowy do działania.
Po zainstalowaniu, będziesz mieć w pełni funkcjonalny formularz audytu SEO gotowy do [przechwytywania] potencjalnych klientów i dostarczania raportów z marką bezpośrednio z Twojej strony.

Potrzebujesz pomocy?


"Czat na żywo": Kliknij "Czat na żywo" (prawy dolny róg)
"Email": [email protected]
"Czas odpowiedzi": W ciągu 24 godzin