İçeriğe geç
Gleam
Tüm modüller
Modül 13

Gömülü İçerik

Video, harita ve sosyal medyayı sayfaya gömün.

Tanıtım videosu, mağaza haritası ya da markanızın sosyal medya paylaşımı: hepsini sayfanın istediğiniz noktasına gömersiniz. Platformların "gömme kodu" ekranlarında dolaşmanız gerekmez — paylaş bağlantısını yapıştırırsınız, doğru gömme adresini Gleam çıkarır.

Önizleme
customer.com · Gömülü İçerik

Bu modülün canlı önizlemesi şu anda görüntülenemiyor. Modül kendi sitenizde, panelde tanımladığınız ayarlarla bu çerçevenin içindeki gibi çalışır.

Gösterim ve kapsam

Nasıl, nerede, ne zaman ve kime görüneceğini siz belirlersiniz

İlk yedi adım gösterim biçimi: modül ziyaretçiye nasıl görünür. Altısını bu sayfada canlı yaşayacaksınız; rozetler durumu anlık gösteriyor, her pencere yalnızca bir kez açılır. Kendiliğinden açılan her pencerenin başlığında bir de “bir daha gösterme” düğmesi vardır: ziyaretçi seçerse o modülün otomatik açılışları bu tarayıcıda tamamen susar; modül menüde durmaya devam eder. Son üç adım kapsam ayarları: modül hangi sayfalarda, hangi tarihlerde ve hangi konumlardaki ziyaretçilere görünür.

  1. Gösterim biçimi

    Sayfaya gömülü

    Modül pencere olarak değil, sayfanın bir parçası olarak görünür. İçeriğin akışına oturur; ziyaretçi onu sayfanın kendisi sanır.

    Panelde tanıma bir CSS seçici yazarsınız (örneğin #anket-alani). Widget sayfada o elementi bulur ve modülü içine yerleştirir; sayfa koduna dokunmak, iframe eklemek gerekmez. Yerleşim de sizin: seçtiğiniz elementin içine sona ya da başa, önüne, arkasına, hatta içini boşaltıp yerine. Son seçenek mevcut bir bölümü modülle değiştirmeyi mümkün kılar; modül kapsam dışına çıkarsa özgün içerik geri konur.

    Bu sayfada canlı: yukarıda gördünüz

    Yukarıdaki demo gömülü biçimin kendisi: pencere yok, modül sayfanın parçası.

  2. Gösterim biçimi

    Başlatıcı menüsünden

    Modül köşedeki başlatıcı menüsünde durur, ziyaretçi istediğinde açar. Varsayılan ve en sessiz biçim.

    Başlatıcı varsayılan olarak sağ alt köşededir; ziyaretçi tercihlerden dört köşeden birine taşıyabilir, boyutunu ve temasını seçebilir. Menüde o sayfada yayında olan tüm modüller listelenir.

    Şimdi deneyin

    Köşedeki yuvarlak başlatıcıya tıklayın; menüde Gömülü İçerik duruyor.

  3. Gösterim biçimi

    Kendi butonunuzdan

    Modül hiçbir yerde görünmez; yalnızca sitenizdeki bir bağlantı ya da düğmeye tıklandığında açılır. Tetikleyici sizin tasarımınızdır.

    Her tanımın başlığından türetilen bir anahtarı vardır. Butona data-gleam-open="anahtar" özniteliğini vermek yeterli, kod yazmanız gerekmez; JavaScript tarafında gleam.open("anahtar") ve gleam.close() de çalışır. Anahtar bir kez üretildikten sonra başlığı değiştirseniz de sabit kalır, çünkü sayfanızda ona atıf var. Widget inmeden yapılan tıklamalar kuyruğa alınır, hazır olunca çalışır.

    Bu sayfada canlı denemesi yok
  4. Gösterim biçimi

    Kaydırma eşiği

    Ziyaretçi sayfanın belirlediğiniz yüzdesine inince pencere kendiliğinden açılır. Soruyu içeriği gerçekten okuyana sormak için.

    Eşiği yüzde olarak siz belirlersiniz; ölçüm sayfanın tamamına göredir. Ziyaretçi eşiği geçtiği an pencere açılır ve yalnızca bir kez gösterilir.

    Sayfanın %0'indesiniz · eşik %35

    Kaydırmaya devam edin; bu sayfada eşik %35. Muhtemelen okurken açıldı bile.

  5. Gösterim biçimi

    Süre gecikmesi

    Belirlediğiniz süre dolunca pencere kendiliğinden açılır. Ziyaretçi içeriğe ısındıktan sonra söz almak için.

    Süre 3 ile 600 saniye arasında ayarlanır ve sayfa açıldığı anda saymaya başlar. Süre dolduğunda pencere açılır; ziyaretçi kapatırsa bir daha gelmez.

    Sayfadaki 0. saniyeniz · 120. saniyede tetiklenecek

    Hiçbir şey yapmayın. Bu sayfadaki tanım 120 saniyeye ayarlı; sayaç yanda işliyor.

  6. Gösterim biçimi

    Çıkış niyeti

    İmleç pencereden ayrılmaya yönelince pencere açılır. Sayfayı terk etmek üzere olan ziyaretçiye son bir soru.

    İmleç üst kenara (sekme kapatma, adres çubuğu, başka sekme) yönelince modül son bir kez söz alır. Mobilde bu sinyal olmadığı için tetikleyici orada sessiz kalır.

    Şimdi deneyin

    İmlecinizi tarayıcının adres çubuğuna doğru götürün; gömülü bir içerik açılacak.

  7. Gösterim biçimi

    Sayfa yüklenince

    Sayfa açılır açılmaz pencere gelir. En görünür, en iddialı biçim; kampanya ve kaçırılmaması gereken duyurular için.

    Gecikme yok, koşul yok: sayfa yüklendiği an pencere ekranda. Bu tanıtım sayfasında bilerek kapalı; siz daha bakamadan pencere açmak iyi bir ilk izlenim değil.

    Bu sayfada bilerek kapalı
  1. Kapsam · Nerede

    Sayfa kuralları

    Modülün hangi sayfalarda çıkacağını glob desenleriyle belirlersiniz. Kural yoksa modül her sayfada görünür.

    Beş desen türü var: tam eşleşme /haber, tek alt seviye /haber/*, tüm alt seviyeler /haber/**, önek /kampanya* ve ! ile dışlama. Dışlama her zaman kazanır.

    Bu sayfadaki demolar da böyle kapsandı: /features/embeds

    Yandaki deneme alanı widget'ın gerçek eşleştirme fonksiyonunu çalıştırıyor: bir yol yazın, kuralların kararını görün.

    Kural seti
    • /haber/**tüm alt seviyeler
    • /kampanya*önek eşleşmesi
    • !/haber/taslak/**dışlama, her zaman öncelikli

    Modül bu sayfada görünür

  2. Kapsam · Ne zaman

    Zamanlama

    Başlangıç ve bitiş tarihi verirsiniz; yayın gün ve saat hassasiyetinde planlanır. Kampanyayı gece yarısı başlatmak için başında beklemezsiniz.

    Filtre sunucu tarafında çalışır: süresi dolan tanım widget'a hiç inmez, tarayıcıda saklanmaz, kod tarafında temizlik gerektirmez. Penceresi gelmemiş tanım da aynı şekilde görünmezdir. Sonuç üreten modüllerde dilerseniz süre bitince tanım kalır: katılım kapanır, ziyaretçi “Katılım sona erdi” rozetiyle nihai sonuçları görür; geç kalan gönderimi sunucu reddeder.

    Sunucuda filtrelenir, widget'a hiç inmez

    Yandaki çizelgede “şu an” işaretçisi gerçek saatinizle işliyor.

    Örnek yayın penceresi
    şu an · 18:46:01
    28 Ağu4 Eyl
    henüz başlamadı
    görünmez
    yayında
    widget'a iner
    süresi doldu
    kendiliğinden çekildi
  3. Kapsam · Kime

    Konum kuralları

    Ülke ya da şehir seçersiniz; modül yalnız oradaki ziyaretçilere iner. Ya da tam tersi: seçtiğiniz konumlar hariç herkese. Liste boşsa konum kısıtı yoktur.

    Konum, ziyaretçinin bağlantısından ülke ve şehir düzeyinde belirlenir; tarayıcıdan konum izni istenmez, sayfa deneyimi etkilenmez. Dahil modunda konumu belirlenemeyen ziyaretçi modülü görmez, hariç modunda görür. Mobil ağlarda şehir isabeti düşebilir.

    İzin istemez, sunucuda filtrelenir

    Yandaki deneme widget'ın gerçek eşleştirme fonksiyonunu çalıştırıyor: modu değiştirin, bir ziyaretçi seçin, kararı görün.

    Canlı örnekGerçek kayıt

    Panelde “yalnız Türkiye” kurallı gerçek bir duyuru kaydı var. Konumunuz belirleniyor…

    Kural seti
    • Türkiyeülke
    • Berlinşehir
    Ziyaretçi nereden geliyor?

    Modül bu ziyaretçiye görünür

Canlı örnek

Aynı modül, harita olarak

Yukarıdaki video ile aşağıdaki harita aynı modülün iki kaydı. Haritada adres olarak yalnızca "Kızılay Meydanı, Ankara" yazılmıştır; koordinat, gömme kodu ya da API anahtarı verilmemiştir.

customer.com · Gömülü İçerik

Bu modülün canlı önizlemesi şu anda görüntülenemiyor. Modül kendi sitenizde, panelde tanımladığınız ayarlarla bu çerçevenin içindeki gibi çalışır.

Neler yapabilirsiniz

  • On iki platform

    YouTube, Vimeo, Instagram, X, TikTok, Facebook, LinkedIn, Spotify, SoundCloud, Google Haritalar, Yandex Haritalar ve dilediğiniz adresi gömen özel iframe.

  • Adresi yapıştırın, yeter

    Tarayıcınızın adres çubuğundaki bağlantıyı kopyalayıp yapıştırırsınız. YouTube’un uzun adresi, youtu.be kısa linki, Shorts adresi ya da Instagram’ın reel bağlantısı: hepsi tanınır ve doğru gömme adresine çevrilir.

  • Yanlış adres kaydedilmez

    Adres seçtiğiniz platformun biçimine uymuyorsa kayıt açılmaz; panel size o platformun beklediği örneği gösterir. Böylece ziyaretçiye boş çerçeve çıkma ihtimali kalmaz.

  • Haritada adres yazmanız yeterli

    Google ve Yandex haritalarında "Kızılay Meydanı, Ankara" gibi düz metin yazarsınız; koordinat aramanıza, gömme kodu üretmenize ya da API anahtarı almanıza gerek yoktur.

  • En-boy oranı ya da sabit yükseklik

    Videolar 16:9, haritalar 4:3 olarak kendiliğinden yerleşir. Sosyal medya gönderilerinde yükseklik içeriğe göre değiştiği için dilediğiniz sabit yüksekliği verebilirsiniz.

  • YouTube çerezsiz alan adından

    YouTube gömüleri youtube-nocookie.com üzerinden yüklenir: ziyaretçi videoyu oynatmadıkça izleme çerezi düşmez.

  • Yalnızca güvenli adresler

    Sadece https adresler kabul edilir. Şifreli olmayan bağlantılar ve betik çalıştırmaya çalışan adresler daha kaydedilirken elenir.

  • Özel iframe

    Listede olmayan bir kaynağı gömmek isterseniz özel iframe seçeneğiyle kendi adresinizi verirsiniz: rezervasyon aracı, fiyat tablosu, kendi mikro siteniz.

  • Aynı sayfada birden çok gömü

    Yayında birden fazla gömü varsa ziyaretçi hepsini tek pencerede oklarla gezer; pencere ilk cevaplanmamışta açılır.

  • Sadece üyelere aç

    İsterseniz modül yalnızca giriş yapmış ziyaretçiye görünür; anonim ziyaretçi varlığından haberdar olmaz.

Panelde üç adım

Tek satırlık script sitenize yalnızca bir kez eklenir (kurulum adımları). Sonrası, bu modül dahil her modül için panelde aynı üç adım; kod tarafında iş yok.

  1. Tanımı açın

    Panelde Modüller → Gömülü İçerikler'den yeni kayıt: başlık, platform ve içeriğin adresi. Taslak olarak kaydederseniz widget'ta görünmez; yayınladığınız anda iner.

  2. Gösterimi seçin

    Yedi biçimden birini seçin: başlatıcı menüsünde dursun, bir CSS seçiciyle sayfaya gömülsün, yalnızca sitenizdeki bir düğmeden açılsın ya da dört otomatik pencereden biriyle gelsin: yüklenince, süre dolunca, çıkış niyetinde veya kaydırma eşiğinde.

  3. Kapsamı belirleyin

    Sayfa kurallarıyla hangi adreslerde, konum kurallarıyla hangi ülke ve şehirlerdeki ziyaretçilere, tarih aralığıyla hangi tarihlerde görüneceğini seçin; isterseniz yalnızca üyelere açın. Paneldeki her değişiklik widget'a anında yansır.

Ortak zemin bu modülde de geçerli

Bu sayfada canlı gördüğünüz gösterim biçimleri, sayfa kuralları ve zamanlama dahil ortak ayarların tümü her modülde aynı şekilde çalışır. Hepsinin toplu anlatımı modüller sayfasında.

Ortak özellikler