Özel eylemler oluşturma

 

JavaScript'i kullanarak kendi özel eylemlerinizi oluşturabilirsiniz. Tanımladığınız özel eylemleri dokümanınızda yeniden kullanabilirsiniz.

Özel eylem oluşturmak için:

1. Etkinlikler panelinin alt tarafındaki Etkinlik ekle düğmesini tıklayarak yeni etkinlik ekleyin.
2. Hedefi ve etkinliği seçin.
3. İşlem için Özel > Özel işlem ekle'yi seçin. Google Web Designer, özel kodunuzu girmenizi ister.
   
4. Kod kutusunun üzerindeki alana (gwd. son ekinden sonra) eylemin adını girin.
   • Her özel eylemin dokümanda benzersiz bir adı olmalıdır.
   • Ad tanınabilecek kadar açıklayıcı olmalıdır.
   • Geçersiz bir ad (örneğin, boşluk içeren bir ad) girerseniz alanın altı kırmızı renkle çizilir.
5. Kod kutusunda işlevi tanımlayın. Her bileşende kullanılabilecek özellikler, etkinlikler ve yöntemlerin bir listesini görmek için Bileşen API'leri konusuna bakın.
6. Tamam'ı tıklayın.

Etkinlik, özel işleminizi kullanacak şekilde yapılandırılmıştır. Bu işlem artık Özel bölümünün altında listelenen diğer etkinliklerde de kullanılabilir.

Sağ alt köşeyi sürükleyerek iletişim kutusunu yeniden boyutlandırabilirsiniz.

Örnekler

Özel işlemler, Google Web Designer'ın işlevselliğini genişletmek için bileşenlerle birlikte kullanılabilir. Aşağıdaki örneklerin tümü, işlemin geçerli olduğu dokümandaki öğeyi belirtmek için document.getElementById yöntemini kullanır.

Her oynatıldığında videonun sesini kapatma

Aşağıdaki etkinliği ekleyin:

Hedef	gwd-video_1 (veya videonuzun kimliği)
Etkinlik	Video > Duraklatma sonrasında oynat
İşlem	Özel > Özel işlem ekle
Özel Kod	if (document.getElementById('gwd-video_1').muted) { document.getElementById('gwd-video_1').mute(); }

 

Şu kodu kullanmak için:

• gwd-video_1 öğesini videonuzun kimliğiyle değiştirin.

Kaydırılabilir Galeride her kare için altyazı gösterme

Aşağıdaki etkinliği ekleyin:

Hedef	gwd-swipegallery_1 (veya Kaydırılabilir Galerinizin kimliği)
Etkinlik	Kaydırılabilir Galeri > Kare gösterildi
İşlem	Özel > Özel işlem ekle
Özel Kod	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];

 

Bu kodu kullanmak için:

• gwd-swipegallery_1 öğesini Kaydırılabilir Galerinizin kimliğiyle değiştirin.
• caption-div öğesini altyazıyı görüntüleyen metin öğesinin kimliğiyle değiştirin.
• Özel koddaki her bir karenin altyazı metnini değiştirin.

İki saniye duraklamanın ardından reklamınızdaki sonraki sayfaya gitme

Aşağıdaki etkinliği ekleyin:

Hedef	page1 (veya başlangıç sayfanızın kimliği)
Etkinlik	Sayfa > Sayfa sunulmaya hazır
İşlem	Özel > Özel işlem ekle
Özel Kod	setTimeout(nextPage, 2000); function nextPage() { document.getElementById('pagedeck').goToNextPage(); }

 

Şu kodu kullanmak için:

• page1 öğesini başlangıç sayfasının kimliğiyle değiştirin.