Entase hesabınızda oluşturulan yerleştirme kodları, bir sayfaya kullanıma hazır bir etkinlik bileşeni ekler. Herhangi bir geliştirme çalışması gerektirmeden kopyalanıp yapıştırılmak üzere tasarlanmıştır – nasıl edineceğinizi öğrenmek için Etkinlikleri web sitenize yerleştirme sayfasına bakın.
Bu sayfada, bu kod parçacığına ekleyebileceğiniz seçenekler ve açtığı ödeme sayfasını nasıl yapılandıracağınız açıklanmaktadır.
Bileşen JavaScript istemcisini kendisi yükler; bu nedenle yanına client.js eklemezsiniz. Ayrıca yayımlanabilir bir anahtara da ihtiyaç duymaz: bileşen Entase tarafından sunulur, dolayısıyla ödeme sayfası sayfanızdaki bir anahtar yerine bileşen üzerinden yetkilendirilir.
Yapılandırma
Her bileşen bir seçenek nesnesiyle yapılandırılır:
<div id="entase_OBJ_CODE"></div>
<script>
window.entase = window.entase || { o: [] };
window.entase.o.push({
obj: 'OBJ_CODE',
theme: 'dark',
ext: true
});
</script>
<script src="https://js.entase.com/embed.js" async></script>obj, yapılandırmayı kapsayıcısına bağlar: bileşen, kimliği entase_ ile başlayıp ardından aynı kod gelen öğe içinde görüntülenir. Bu öğe eksikse bileşen bir uyarı günlüğe kaydeder ve hiçbir şey görüntülemez.
Bir sayfada birden fazla bileşen yerleştirmek için her bileşen başına bir giriş ekleyin.
| Ad | Tür | Varsayılan | Açıklama |
|---|---|---|---|
obj | dize | — | Yerleştirme kod parçacığınızdaki nesne kodu. Zorunludur. |
width | dize | 'auto' | CSS değeri olarak kapsayıcı genişliği. 'auto', tam genişlik anlamına gelir. |
height | dize | 'auto' | CSS değeri olarak kapsayıcı yüksekliği. 'auto', 200px ile başlar ve bileşen, içeriğine sığacak şekilde kendini yeniden boyutlandırır. |
theme | dize | 'light' | 'light' veya 'dark'. |
locale | dize | 'auto' | Bileşen dili. 'auto', <html> öğenizin lang özniteliğini okur. |
ext | boole | false | Genişletilmiş düzen – tarihlerinin üzerine etkinlik adını ve afişi ekler. |
attribution | boole | true | Entase atıf satırını gösterir. Gizlemek için false olarak ayarlayın. |
client | nesne | {} | Ödeme sayfasını açan JavaScript istemcisine iletilen seçenekler. |
Kapsayıcıya, width değerinden bağımsız olarak 200px'lik bir minimum genişlik verilir; bunun altında bileşen doğru şekilde düzenlenemez.
Ödeme sayfasını yapılandırma
client, istemci oluşturucusuyla aynı seçenekleri kabul eder; böylece bir bileşenden açılan ödeme sayfası, kendiniz açtığınız bir ödeme sayfası gibi stillendirilebilir ve boyutlandırılabilir:
window.entase.o.push({
obj: 'OBJ_CODE',
client: {
checkoutMode: 'pane',
pane: { width: '60vw' },
backdrop: true,
backdropColor: '#101014'
}
});Listenin tamamı için Oluşturucu seçenekleri sayfasına bakın.
İki uyarı vardır. tprm, bileşenin kendisi tarafından sayfa URL'sinden ayarlanır (aşağıya bakın); dolayısıyla burada iletilen bir değer değiştirilir. Ayrıca, birden fazla bileşen aynı sayfayı paylaştığında tek bir istemci örneğini paylaşırlar – en son başlatılan bileşenin client seçenekleri geçerli olur; bu nedenle aynı sayfadaki bileşenlerde bunları aynı tutun.
Otomatik kampanya yönlendirme
Bağımsız istemcinin aksine bileşen, sayfanızın sorgu dizesini okur ve bilinen kampanya parametrelerini hem bileşene hem de ödeme sayfasına iletir:
sgm, utm_source, utm_medium, utm_campaign, utm_term, utm_content, utm_id, utm_source_platform, utm_creative_format, fbclid
yoursite.com/concert?utm_source=facebook&sgm=SOCIAL adresinden gelen bir ziyaretçinin ilişkilendirme bilgileri, ek yapılandırma gerektirmeden sonuçta oluşan tüm siparişlere kaydedilir. Bu listenin dışındaki parametreler yok sayılır – kendi parametrelerinizi taşımak için ödeme sayfasını doğrudan istemciyle açın ve tprm değerini kendiniz ayarlayın. İzleme ve izin sayfasına bakın.