Web siteniz için tatil widget'ı
Blogunuzda veya web sitenizde bir resmi tatil takvimi görüntüleyin — kodlama bilgisi gerekmez. Bir ülke, bölge veya şehir seçin, görünümü ayarlayın, ardından kodu kopyalayıp sitenize yapıştırın.
Örneği görün
Widget'ın gerçek bir blog yazısında nasıl göründüğünü görün. Yazının tamamını görün →
30 saniyede sitenize ekleyin
Ülke seçin. Renkleri ayarlayın. Kodu kopyalayın. Tamam.
14px
Tatiller#dc2626
Köprü günleri#059669
Ay başlığı#f9fafb
Canlı Önizleme
Widget önizlemesi için bir ülke seçin
Parametreler
Tüm yapılandırma, script etiketindeki data-* öznitelikleri aracılığıyla yapılır.
| Öznitelik | Varsayılan | Açıklama | |
|---|---|---|---|
data-country | zorunlu | — | Ülke URL slug'ı (ör. "croatia", "france", "united-states") |
data-region | isteğe bağlı | — | Bölgeye özgü tatiller için bölge veya eyalet URL slug'ı |
data-city | isteğe bağlı | — | Şehir URL slug'ı (data-region gerektirir) |
data-view | isteğe bağlı | list | "list", "calendar" veya "infographic" |
data-year | isteğe bağlı | Mevcut yıl | Görüntülenecek yıl (mevcut yıl -1 ile +3) |
data-lang | isteğe bağlı | en | Dil: en, hr, fr, de, it, es, pt, tr, pl |
data-ref | isteğe bağlı | — | Analitik takibi için web sitenizin alan adı |
Renk özelleştirme
Widget'ı onaltılık renk kodları kullanarak sitenizin renk şemasına uyarlayın. Her renk için otomatik olarak daha açık bir arka plan varyantı oluşturulur.
| Öznitelik | Varsayılan | Etkiler |
|---|---|---|
data-color-holiday | #dc2626 (red) | Tatil günü vurgulaması, tarih etiketleri, lejant örnekleri |
data-color-bridge | #059669 (green) | Köprü günü vurgulaması, rozetler, ipucu metni |
data-color-month | #f9fafb (light gray) | Takvim görünümünde ay başlığı arka planı |
Özel renklerle örnek
<script src="https://www.beevago.com/widgets/beevago-widget.js" data-country="france" data-view="calendar" data-lang="fr" data-color-holiday="#2563eb" data-color-bridge="#7c3aed" data-color-month="#e0f2fe" ></script>