Tworzenie działań niestandardowych

 

Możesz użyć JavaScriptu, by utworzyć własne działania niestandardowe. Zdefiniowanego działania niestandardowego można później ponownie używać w dokumencie.

Aby utworzyć działanie niestandardowe:

1. Dodaj nowe zdarzenie, klikając przycisk Dodaj zdarzenie  u dołu panelu Zdarzenia.
2. Wybierz wartość docelową i zdarzenie.
3. Jako działanie wybierz Niestandardowe > Dodaj działanie niestandardowe. Google Web Designer poprosi o wpisanie niestandardowego kodu.
   
4. Nadaj działaniu nazwę, wpisując ją nad polem kodu (po prefiksie gwd.).
   • Każde działanie niestandardowe musi mieć niepowtarzalną nazwę w dokumencie.
   • Nazwa powinna opisywać działanie w taki sposób, by można je było rozpoznać.
   • Jeśli wprowadzisz niepoprawną nazwę (np. zawierającą spacje), pole będzie podkreślone na czerwono.
5. Zdefiniuj funkcję w polu kodu. Na stronie Interfejsy API komponentów znajdziesz listę właściwości, zdarzeń i metod dostępnych dla poszczególnych komponentów.
6. Kliknij OK.

Zdarzenie jest skonfigurowane w taki sposób, by korzystać z działania niestandardowego. Tego działania można teraz użyć także w przypadku innych zdarzeń – znajdziesz je w sekcji Niestandardowe.

Aby zmienić rozmiar okna dialogowego, przeciągnij prawy dolny róg.

Przykłady

Działań niestandardowych możesz używać z komponentami, by rozszerzyć funkcje programu Google Web Designer. Kod we wszystkich przykładach poniżej zawiera metodę document.getElementById znajdującą w dokumencie element, którego dotyczy działanie.

Wyłączanie wyciszenia filmu przy każdym odtwarzaniu

Dodaj zdarzenie:

Element docelowy	gwd-video_1 (lub identyfikator filmu)
Zdarzenie	Wideo > Odtwarzanie po wstrzymaniu
Działanie	Niestandardowe > Dodaj działanie niestandardowe
Kod niestandardowy	if (document.getElementById('gwd-video_1').muted) { document.getElementById('gwd-video_1').mute(); }

 

Aby użyć tego kodu:

• Zastąp gwd-video_1 identyfikatorem filmu.

Pokazywanie podpisu każdej klatki w Galerii przesuwanej

Dodaj zdarzenie:

Element docelowy	gwd-swipegallery_1 (lub identyfikator Galerii przesuwanej)
Zdarzenie	Galeria przesuwana > Wyświetlenie klatki
Działanie	Niestandardowe > Dodaj działanie niestandardowe
Kod niestandardowy	var gallery = document.getElementById('gwd-swipegallery_1'); var div = document.getElementById('caption-div'); var text = { 1: "The text for frame 1", 2: "The text for frame 2", 3: "The text for frame 3" }; div.textContent = text[gallery.currentIndex];

 

Aby użyć tego kodu:

• Zastąp gwd-swipegallery_1 identyfikatorem Galerii przesuwanej.
• Zastąp caption-div identyfikatorem elementu tekstowego, który wyświetla podpis.
• Zastąp tekst podpisu każdej klatki w kodzie niestandardowym.

Przechodzenie na następną stronę w reklamie po dwusekundowej przerwie

Dodaj zdarzenie:

Element docelowy	page1 (lub identyfikator strony startowej)
Zdarzenie	Strona > Strona gotowa do wyświetlenia
Działanie	Niestandardowe > Dodaj działanie niestandardowe
Kod niestandardowy	setTimeout(nextPage, 2000); function nextPage() { document.getElementById('pagedeck').goToNextPage(); }

 

Aby użyć tego kodu:

• Zastąp page1 identyfikatorem strony startowej.