Przewodnik
Wyświetl wszystkie tematy

Kategoria: Form Defender

Integracja

Ostatnia aktualizacja: 15.11.2018

Prosta integracja ochrony Form Defender

Form Defender jest widgetem JavaScript’owym przegotowanym dla ludzi nie zajmującym się programowaniem, ale znające podstawy zarządzania treścią strony.

Wszystkie kroki integracji w artykule zostały opisane krok po kroku i są to informacje zgodne z większością stron i platform i internecie.

1. Upewnij się, że wygenerowałeś wcześniej klucz API.

Przed rozpoczęciem integracji, upewnij się, że stworzyłeś nową aplikację w panelu Form Defender. Jeżeli jeszcze tego nie zrobiłeś, przejdź do artykykułu Tworzenie aplikacji - Form Defender.

2. Wklej skrypt z ustawieniami Form Defendera i skrypt główny.

Teraz przekopiuj i wklei widoczny kod poniżej aby były możliwie ponad wszystkimi skryptami:

<script> const _CEDefenderSettings = { application: 'API_Key' }; </script>
<script src="https://correct.email/form-defender-1.0.min.js"></script>

Uwaga: Upewnij się, abyś zastąpił API_key ze swoim kluczem API, który wcześniej wygenerowałeś.

Struktura twojej strony powinna wyglądać mniej więcej tak:

...
<body>
  ...
  <script> const _CEDefenderSettings = { application: 'API_Key' }; </script>
  <script src="https://correct.email/form-defender-1.0.min.js"></script>

  ... other <scripts></scripts>
</body>
...

Co znaczy “możliwie ponad wszystkimi skryptami” mean?

Jest możliwość, że pliki twojej strony (.html) zawierają dużo skryptów wczytanych poprzez znaczniki <script>.

Aby upewnić się, ze Form Defender działa poprawnie, musisz wkleić nasz skrypt powyżej wszystkich innych znaczników skryptów <script> zawartych w środku znacznika <body>.

3. Rozpoznawanie pola email w formularzu

Form Defender zadziała poprawnie, jeżeli których z następujących warunków zostanie spełniony:

  • Formularz posiada pole z atrybutem type=“email”, np. <input type="email">. Pole znajduje się w <form> - działa automatycznie
  • Formularz posiada pole input z atrybutem name=“email” , np.<input name="email">. Pole znajduje się w <form> - działa autoamtycznie
  • Formularz posiada atrybut data-ce-defender w polu input, np.<input data-ce-defender> - wymaga ręcznego wprowadzenia

To wszystko! Teraz twój formularz jest chroniony i gotowy do dalszego działania.

 


Dowiedz się więcej o wszystkich możliwościach Form Defendera: