Drupal nu are un câmp integrat pentru cod pe tot site-ul. Ca să adaugi Wawsome, folosești modulul Asset Injector sau îi ceri developerului să pună codul în temă. Apoi golești toate cache-urile.
Înainte să începi
- Un cont Wawsome cu site-ul tău adăugat. Codul îl găsești în dashboard: intri la Websites, alegi site-ul, dai click pe Install Widget, apoi pe Copy code în fereastra Connect Widget.
- Drepturi de admin ca să instalezi module, sau un developer care îți poate edita tema.
Varianta 1: modulul Asset Injector (fără să editezi cod)
Asset Injector acceptă JavaScript, nu taguri HTML. Așa că lipești o versiune scurtă, în JavaScript, a codului Wawsome. Îți trebuie doar cheia API: e valoarea de după data-api-key= din codul copiat.
Numim meniurile așa cum apar în Drupal în engleză.
- Instalează și activează modulul Asset Injector.
- Mergi la Configuration > Development > Asset Injector > JS Injector și adaugă un injector nou.
- Dă-i un titlu, de exemplu „Widget Wawsome”.
- Lipește codul de mai jos și înlocuiește YOUR_API_KEY cu cheia ta:
(function () {
var s = document.createElement('script');
s.src = 'https://loader.wawsome.com';
s.setAttribute('data-api-key', 'YOUR_API_KEY');
s.defer = true;
document.body.appendChild(s);
})();
Lasă condițiile goale, ca să se încarce pe toate paginile, și dă click pe Save.
Varianta 2: pui codul în temă
Developerul tău poate pune codul Wawsome în temă, de exemplu în șablonul html.html.twig, în head, sau ca script extern în fișierul libraries al temei. Așa codul stă în fișierele temei, sub controlul versiunilor.
Verifică dacă merge
Mergi la Configuration > Development > Performance și dă click pe Clear all caches. Apoi deschide site-ul într-o fereastră privată și caută butonul Wawsome.
Nu pune codul într-un câmp de conținut. Formatele de text din Drupal șterg tagurile script, deci nu se va încărca.
Ce rezolvă widgetul și ce nu
- Vizitatorii își adaptează textul, culorile și navigarea după nevoi.
- AI-ul adaugă text alternativ pentru imaginile care nu au. Poți edita fiecare descriere.
- Tema și conținutul au nevoie în continuare de grijă. Un scan găsește probleme ca etichete lipsă sau contrast slab, pe fiecare pagină.
Află mai mult: Fă un scan gratuit · Audit de accesibilitate
Întrebări despre accesibilitatea pe Drupal (FAQ)
Pot adăuga codul fără developer?
Da, cu modulul Asset Injector și versiunea JavaScript de mai sus. Îți trebuie drepturi de admin ca să instalezi modulul.
De ce nu apare widgetul?
Golește întâi toate cache-urile. Dacă tot nu apare, verifică dacă cheia API e corectă și dacă injectorul nu are condiții care îl ascund.
Nu e Drupal deja accesibil?
Nucleul Drupal țintește WCAG 2.2 AA, iar temele implicite, Olivero și Claro, sunt gândite pentru accesibilitate. Tema ta, modulele și conținutul pot aduce totuși probleme. Widgetul îi ajută pe vizitatori să adapteze pagina, iar un scan îți arată ce mai e de reparat.
Începe cu Wawsome
Fă-ți site-ul Drupal mai ușor de folosit pentru toți vizitatorii. Începe perioada de probă gratuită sau programează un demo și îți arătăm cum funcționează Wawsome.
Începe perioada de probă gratuită sau programează un demo (se deschide într-un tab nou).
Alte ghiduri: Adaugă Wawsome pe orice site · Instalare cu Google Tag Manager