Bilet satışını kendi web sitenize yerleştirme

DiKAS bilet satışı için mobil cihazlara göre optimize edilmiş sade bir misafir görünümü sunar. Bu görünüm yalnızca giriş biletlerini, tarihi, adedi, müsaitliği ve sepeti gösterir. Satın alma ve ödeme ardından normal online mağazadaki doğrulanmış ödeme adımının aynısından geçer.

Gereksinimler

• Etkinlik biletleme Yönetici → Ayarlar → İşletme altında etkindir. Online mağaza (online sipariş) bunun için gerekli değildir.
• En az bir bilet ürününün bir bilet yapılandırması ve bir kontenjanı vardır.
• Misafir sayfasının çalışma saatleri ve ödeme sağlayıcısı kurulmuş ve test edilmiştir.
• Müşteri web sitesi HTTPS ile çalışır.
• Müşteri web sitesinin tam kaynağı bilinir, örneğin https://www.benim-mekanim.com.tr. /tickets gibi bir yol kaynağa dahil değildir.

DiKAS'ta izin verme

1. Yönetici → Online-/QR-Einstellungen → Allgemein (online/QR ayarları → genel) sayfasını açın ve üstte Uzman modunu açın.
2. Einbettung als iFrame erlauben (iFrame olarak yerleştirmeye izin ver) seçeneğini açın.
3. Erlaubte Website-Adressen (izin verilen web sitesi adresleri) altına her satıra bir tam kaynak girin, örneğin:

https://www.benim-mekanim.com.tr
https://benim-mekanim.com.tr

1. Kaydedin.

www ile ve www olmadan iki adres teknik olarak farklıdır ve gerekirse ikisi de girilmelidir. Joker karakterlere ve başkalarına ait sitelere bilerek izin verilmez. Yönetim, kasa, giriş ve müşteri portalı ilke olarak yerleştirmeye karşı kapalı kalır.

Müşteri web sitesi için kod

DIKAS-ADRESINIZ yerine işletmenin herkese açık adresini yazın:

<iframe
  id="dikas-ticketshop"
  title="Bilet satın al"
  src="https://DIKAS-ADRESINIZ/shop/tickets"
  loading="lazy"
  referrerpolicy="no-referrer"
  style="width:100%;min-height:680px;border:0;border-radius:16px"
></iframe>

<script>
  window.addEventListener('message', function (event) {
    if (event.origin !== 'https://DIKAS-ADRESINIZ') return;
    if (event.data?.type !== 'dikas:ticket-shop:height') return;
    const frame = document.getElementById('dikas-ticketshop');
    frame.style.height = Math.max(480, Number(event.data.height) || 0) + 'px';
  });
</script>

event.origin kontrolü kaldırılmamalıdır. Yükseklik bildirimi müşteri verisi içermez; yalnızca ikinci bir kaydırma çubuğunu önler. Betik olmadan da yerleştirme sabit asgari yükseklikle çalışır.

Mobil kullanım

Küçük ekranlarda bilet kartları otomatik olarak tek sütuna geçer. Tarih, adet, satın alma ve sepet büyük dokunma alanlarına sahiptir. Yerleştiren web sitesi iframe'i sabit piksel genişlikli veya overflow:hidden olan bir kapsayıcıya sıkıştırmamalıdır. Sayfa başlığında şu viewport kaydı bulunmalıdır:

<meta name="viewport" content="width=device-width, initial-scale=1">

Kabul testi

1. Müşteri web sitesini iPhone/Android genişliğinde ve masaüstünde açın.
2. Tarayıcının «bağlantı reddedildi» uyarısını göstermediğini kontrol edin.
3. Bir tarih seçin (yalnızca bir tarih varsa sabit görünür); «Noch N verfügbar» (N adet kaldı) veya «Ausverkauft» (tükendi) görünmelidir.
4. Sepete birden fazla bilet koyun ve ödeme adımını açın.
5. Bir test satın almasını tamamen ödeyin ve PDF/QR'ı kontrol edin.
6. Aynı bileti mobil giriş ekranıyla bir kez içeri alın; çift tarama başarısız olmalıdır.
7. Yönetici → Tickets altında satış rakamını, açık biletleri ve kontenjanı karşılaştırın.

Yerleştirmeye alternatif

Web sitesinin çok katı çerez, çerçeve veya onay kuralları varsa bilet mağazasına normal bir bağlantı veya düğme teknik olarak daha sağlamdır.