1. Jak dostosować obszar nagłówka HTML:
2. Niestandardowe informacje metadane
3. Inne metadane
4. Łączenie zewnętrznych skryptów i stylów
5. Ważniejsze uwagi

Podstawowym czynnikiem dla wielu klientów Formsite jest możliwość natychmiastowego utworzenia nowego formularza, który zawiera wszystkie wymagane części. Formularze internetowe są w zasadzie stronami internetowymi, a konfiguracja struktury plików może być kłopotliwa i czasochłonna, jeśli nie robisz tego cały czas. Istotną i potężną częścią strony internetowej jest obszar nagłówka HTML. Ta grupa elementów HTML zawiera wiele krytycznych łączy i definicji strony.

Jak dostosować obszar nagłówka HTML:

1. Przejdź do Edytora formularzy
2. Kliknij przycisk Styl
3. Kliknij łącze zaawansowane

Oto niektóre przykłady danych zawartych w nagłówku HTML:

• Metatagi do definiowania tytułu strony, opisu, słów kluczowych, autora itp.
• Linki do zewnętrznych skryptów i arkuszy stylów
• Kod śledzenia Analytics, który powinien pojawić się na każdej stronie formularza
• Niestandardowy podgląd formularza informacje o obrazie i treści

Niestandardowe informacje metadane

Tagi meta zawierają informacje o stronie, które pomagają innym łączącym się komputerom kategoryzować i wyświetlać stronę zgodnie z zamierzeniami autora. Na przykład tytuł strony i opis pojawiające się w wynikach wyszukiwania są definiowane przy użyciu:

<title> Tytuł </title> <meta name = "description" content = "To jest opis strony" />

Formularze formsite automatycznie używają wartości formularza jako meta informacji; na przykład nazwa formularza jako tytuł strony. Dodaj powyższe wiersze do pola nagłówka HTML formularza, aby dostosować tytuł i opis formularza, a lista wyszukiwarek natychmiast stanie się bardziej atrakcyjna.

Inne metadane

Oprócz podstawowych tagów meta, obszar nagłówka HTML zawiera również niestandardowe informacje podglądu formularza. Formsite używa najczęściej używanej meta nieruchomości do komunikowania się z serwisami społecznościowymi, nazywanymi protokołem OpenGraph. Facebook był pionierem formatu, a najbardziej popularne witryny mogą korzystać z ustawień OpenGraph. Przeczytaj o OpenGraph at http://ogp.me/ .

Meta informacje są automatycznie dodawane do każdego formularza i mogą być modyfikowane w formularzu Ustawienia formularza -> strona Ogólne . Twitter używa swoich własnych znaczników „twitter: card” do wyświetlania instrukcji, a Formsite domyślnie określa „summary_large_image” dla wszystkich formularzy. Zmiana lub dodanie metadanych w celu ulepszenia podglądu społecznego formularza odbywa się po prostu przez dodanie kodu do obszaru nagłówka HTML:

<meta name = "twitter: card" content = "summary" />

Aby uzyskać informacje na temat dostosowywania wizyty na karcie Twitter https://developer.twitter.com/en/docs/tweets/optimize-with-cards/guides/getting-started .

Łączenie zewnętrznych skryptów i stylów

Innym typowym dostosowaniem obszaru nagłówka HTML jest łączenie z zewnętrznymi plikami, takimi jak arkusze stylów i pliki Javascript. Na przykład, świetnym sposobem na stylowanie formularzy tak samo, jak na innej stronie, jest użycie tego samego CSS dla obu.

Formularz może udostępniać style stronie internetowej, łącząc pliki CSS strony internetowej w obszarze nagłówka HTML formularza, a następnie dostosowując CSS na stronie internetowej, tak aby zawierał informacje o formularzu. Aby dodać link do zewnętrznego pliku CSS:

<link rel = "stylesheet" type = "text / css" href = "// www.yoursite.com/style.css" />

Podobnie, linkowanie do zewnętrznych plików Javascript pozwala na ponowne użycie typowych skryptów:

<script type = "text / javascript" src = "// www.yoursite.com/script.js"> </script>

Dodaj niestandardowe skrypty, takie jak kod analityczny, zawijając kod w znaczniki skryptu:

<script> function customFunction (); </script>

Należy pamiętać, że dodanie kodu analizy tutaj jest konieczne tylko wtedy, gdy pakiet analityczny musi pojawić się na każdej stronie formularza, na przykład podczas śledzenia czasu na stronie. Zazwyczaj liczenie wszystkich zgłoszeń do formularza musi się odbywać tylko na stronie powodzenia. Przeczytaj nasz artykuł na temat dodawania Google Analytics do formularza, aby uzyskać więcej informacji.

Ważniejsze uwagi

• Dodanie niestandardowych skryptów może spowodować, że formularz stanie się nieosiągalny, jeśli zostanie wykonany nieprawidłowo. Jeśli formularz lub jakakolwiek część konta Formsite stanie się nieosiągalna, skontaktuj się z obsługą klienta w celu uzyskania pomocy.
• Adresy URL w przykładach połączonych zewnętrznie celowo nie mają protokołów „http” ani „https”. Spełnia to wymóg większości przeglądarek zezwalający tylko na to, aby strona i formularz korzystały z tego samego protokołu http / https. Jeśli skrypty docelowe znajdują się na serwerze, który nie obsługuje bezpiecznych połączeń (https), wystąpią problemy z połączeniem z bezpiecznych łączy formularza. Zapraszamy do kontaktu Wsparcie dla witryny z wszelkimi pytaniami.