Customer Insights - Journeys formları yönetme
Bu makalede, Customer Insights - Journeys formlarını düzenleme, yayımdan kaldırma ve yönetme açıklanmaktadır.
Canlı bir formu düzenleme
Formunuz zaten yayımlanmışsa ve güncelleştirmeniz gerekiyorsa, üst şeritte Düzenle düğmesini seçin. Canlı formunuzu düzenlemeye devam edebilirsiniz; Kaydet düğmesini seçtiğinizde tüm değişiklikler otomatik olarak yayımlanır.
Önemli
Formun kopyasını oluşturmayı seçerseniz, yeni oluşturulan kopyayı yayımlamanız gerekir.
Form, web sayfanızın ziyaretçilerine mümkün olan en kısa yükleme sürelerini sağlamak için tüm verilerin önbelleğe alındığı bir CDN'de saklanır. Önbelleğin yenilenmesi ve web sayfasındaki değişiklikleri görebilmeniz için öncelikle 10 dakika geçmesi gerekebilir. Bu parametreyi #d365mkt-nocache
web sayfa URL'nize eklerseniz sayfanızda değişiklikler sonucunu kontrol edebilirsiniz. Bu parametre de dahil olmak üzere, sayfanıza bağlantıyı hiçbir zaman paylaşmayın. Parametre CDN önbelleğini atlar ve sayfa yüklenmesini yavaşlatır.
Formu yayımdan kaldırma
Canlı bir formu yayımdan kaldırmak için Durdur düğmesini seçin. Form CDN'den kaldırılır, bu nedenle web sayfası ziyaretçileriniz artık bunu gönderemeyebilir. Form, tarayıcı önbelleği nedeniyle hala görünür durumda olabilir ancak gönderilemez. Form tekrar Taslak olarak değiştirilir.
Form alanı özellikleri
Tuval üzerinde bir alan seçtiğinizde, sayfadaki özellikleri sağ bölmede görebilirsiniz.
- Yer tutucu metni: Alanın içindeki yer tutucu. Kullanıcı alana yazmaya başladıktan sonra yer tutucu otomatik olarak kaybolur.
- Varsayılan değer: Bu alan için varsayılan değeri ayarlayın. Varsayılan değer ayarlandığında yer tutucu görünmez.
- Gerekli : Etkinse, bu alan boş olduğunda kullanıcı formu gönderemez.
- Doğrulama : Alanın içeriğini denetleyecek bir kural yapılandırın. Doğrulama kuralı karşılanmazsa kullanıcı formu gönderemez. E-posta ve telefon numarası alanları için doğru doğrulamayı ayarlamanız önemlidir.
- Alanı gizle: Etkinleştirilmişse, alan formda görünmez. Gizli alanları, form gönderimiyle birlikte ekstra meta verileri depolamak için kullanabilirsiniz.
Not
Telefon numarası alanı doğrulamasının "Telefon numarası" olarak ayarlandığından emin olun. Bu kullanıma hazır doğrulama, telefon numarası formatının, temas noktası onay oluşturmaya yönelik telefon numarası formatı gereksinimleriyle uyumlu olup olmadığını kontrol eder. Telefon numarası "+" işaretiyle başlayan uluslararası formatta olmalıdır.
Özel doğrulama
Özel doğrulama oluşturmak için Doğrulama seçeneğini etkinleştirin ve Özel'i seçin. Normal İfade (RegExp) girebileceğiniz bir açılan iletişim kutusu görüntülenir. Örneğin, girilen değerin belirli bir telefon numarası biçimiyle eşleşip eşleşmediğini denetlemek için bir RegExp kullanabilirsiniz.
Tema kullanarak formlarınıza stil ekleme
Tema bölümü sağ bölmedeki fırça simgesi seçilerek açılabilir. Tema, tüm alan türlerinin, düğmelerin ve metinlerin stilini denetler. Bir alanın temasını ayarladıktan sonra, formunuzda aynı türdeki tüm alanları etkiler.
Tema özelliği, HTML biçimindeki CSS sınıf tanımlarını düzenleme için kullanıcı dostu bir arayüzdür. Yalnızca kullanıma hazır form stilleri olmadan çalışır. Özel CSS sınıfları görselleştirilmemiştir ancak yine de HTML kod düzenleyicisini kullanarak özel CSS sınıflarınızı düzenleyebilirsiniz.
Tema bölümü şunları yapılandırmanıza olanak tanır:
- Arka plan: Formun tamamı için iç arka plan rengini ve kenarlık stilini tanımlama.
- Metin stilleri: Başlık 1, Başlık 2, Başlık 3, Paragraf, Alan etiketini tanımlama. Alan etiketi stili, onay kutusu ve radyo düğmesi etiketlerini etkilemez çünkü bu etiketler ayrı ayrı yapılandırılabilir. Metin stili tanımı; yazı tipi ailesini, yazı tipi boyutunu, yazı tipi rengini, metin stilini ve satır yüksekliğini içerir. Ayrıca iç ve dış aralığı, genişliği ve hizalamayı da ayarlayabilirsiniz. Bu metin stillerinin yanı sıra alan etiketleriniz için etiket konumunu (üst, sol, sağ) ve gerekli rengi de ayarlayabilirsiniz.
- Giriş alanları 3 kategoriye ayrılır:
- Metin girişi, açılır menü ve arama alanları: Alanların bu üç görsel stili aynı stil tanımını paylaşır. Yer tutucu ve giriş metni stilleri için yazı tipi ailesini, boyutunu, rengini ve stilini tanımlayabilirsiniz. Ayrıca alanın arka plan rengini, menü arka plan rengini, yuvarlatılmış köşeleri, kenarlığı, boyut hizalamasını ve iç ve dış boşluğu da ayarlayabilirsiniz. Alan etiketinin metin stillerinde yapılandırılabileceğini unutmayın.
- Radyo düğmesi: Radyo düğmesinin, yazı tipi ailesini ve boyutunu ayarlamanıza olanak tanıyan kendi etiket yapılandırması vardır. Tüm seçenekler ve belirlenen seçenek için metin rengini, stilleri ve arka plan rengini ayarlayabilirsiniz. Ayrıca radyo düğmelerinizin yuvarlatılmış köşelerini, genişliğini ve iç ve dış aralıklarını da tanımlayabilirsiniz.
- Onay kutusu - onay kutusu alanının, yazı tipi ailesini ve boyutunu ayarlamanıza olanak tanıyan kendi etiket yapılandırması vardır. Tüm seçenekler ve belirlenen seçenek için farklı metin rengini, stilleri ve arka plan rengini ayarlayabilirsiniz. Ayrıca onay kutularınızın yuvarlatılmış köşelerini, genişliğini, iç ve dış aralıklarını da tanımlayabilirsiniz.
- Düğmeler ve bağlantılar: Düğme tanımı; yazı tipi ailesini, boyutunu, rengini, metin stillerini, düğme rengini, kenar hizalamasını ve iç ve dış boşluğu ayarlamanıza olanak tanır. Köprü tanımı yazı tipi ailesini, boyutunu, rengini ve metin stillerini ayarlamanıza olanak tanır.
Not
Eylül 2023 sürümünden önce oluşturulan formlarda, tema özelliğini kullanarak form stilini değiştirme seçenekleri sınırlıdır. Tema bölümündeki Etkinleştir düğmesini seçerek daha fazla stil seçeneğini etkinleştirebilirsiniz. Bu, form stillerinizi tema özelliğiyle uyumlu en son sürüme günceller.
Özel yazı tipleri
Özel yazı tiplerini formunuzda kullanmanın iki yolu vardır:
- Yazı tipini "devral" olarak ayarlayın: Kendi sayfanıza gömülü formlar için önerilir. Form, formu sayfanızdan devralır.
- Kendi özel yazı tipinizi ekleyin: Bağımsız sayfa olarak barındırılan formlar için önerilir. Özel yazı tipleri bölümündeki tema özelliğini kullanarak özel yazı tipinizi yükleyebilirsiniz. Yüklediğiniz özel yazı tipleri daha sonra tüm metin stili tanımlarında kullanılabilir.
Önizleme: Copilot - Formlar tema yardımcısı
Önemli
Önizleme özelliği, tamamlanmamış, bir sürümde resmen yer almadan önce kullanıma sunularak müşterilerin önceden erişip geri bildirimde bulunabilmelerini sağlayan bir özelliktir. Önizleme özellikleri üretimde kullanım amacıyla çıkarılmaz ve işlevleri sınırlı olabilir.
Microsoft bu önizleme özelliği için destek sağlamaz. Microsoft Dynamics 365 Teknik Destek Ekibi, soru veya sorunlarınız için size yardım edemeyecek. Önizleme özellikleri, özellikle kişisel verileri veya yasal gereksinimlere ya da yasal uyumluluk gereksinimlerine tabi olan diğer verileri işlemek için üretim kullanımına yönelik değildir.
Önemli
Tema yardımcısını yalnızca sahibi olduğunuz ve çalıştırdığınız web siteleriyle kullanmalısınız. Tema yardımcısı, üçüncü taraf web sitelerini kopyalamak için kullanılmamalıdır.
Tema yardımcısı, Customer Insights - Journeys içinde yer alan bir Copilot özelliğidir. Sahibi olduğunuz ve denetlediğiniz var olan bir web sitesinden stil almak için tema yardımcısını kullanabilirsiniz. Tema kullanmak için, web sitesi URL'sini girin ve Fetch stillerini seçin. Bu süreç birkaç dakika sürebilir. Çalışmanıza devam edebilir ve sonucu denetlemek için daha sonra geri dönebilirsiniz. Tema yardımcısı web sitenizden stil getirdikten sonra, stili formunuzun temasına uygular.
Form ayarları
Form ayarları, formunuzun gelişmiş özelliklerini yapılandırmanıza ve form gönderiminden sonra ne olacağını tanımlamanıza olanak sağlar.
- Yinelenen kayıtlar: Yinelenen kayıtları işleme için stratejinizi seçin.
- Teşekkür ederiz bildirimi: Bu ileti, kullanıcı formu başarıyla gönderdiğinde görüntülenir.
- Hata bildirimi: Bu ileti, form gönderildiğinde bir hata oluşursa gösterilir.
- Gönderimden sonra yeniden yönlendir: Etkinleştirilmişse, kullanıcının form gönderimden sonra yeniden yönlendirileceği URL'yi girebilirsiniz.
Yinelenen kayıtları işleme
Yinelenen kayıtlara varsayılan yaklaşım, ilgili kişiler ve müşteri adayları varlıklarından farklıdır.
- İlgili kişi (varsayılan: İlgili kişiyi e-posta kullanarak güncelleştir): Kullanıcı mevcur bir e-posta adresiyle form gönderirse mevcut kayıt form gönderimiyle güncelleştirilir. Yeni kayıt oluşturulmaz.
- Müşteri adayı (varsayılan: Her zaman yeni bir kayıt oluştur): Kullanıcı mevcut bir e-posta adresiyle bir form gönderirse aynı e-posta adresiyle yeni bir kayıt oluşturulur.
Varsayılan stratejiyi, Formlar ayarlarındaki Yinelenen kayıtlar açılan öğesini kullanarak değiştirebilirsiniz. Ayrıca, özel bir eşleşen strateji oluşturabilirsiniz.
Özel bir eşleştirme stratejisi oluşturma
Yeni bir eşleşen strateji oluşturarak yinelenen kayıtları nasıl işleyeceğinizi seçebilirsiniz.
- Ayarlar'a erişmek için sol alttaki menüyü seçin.
- Müşteri etkileşimi bölümündeki Form eşleştirme stratejisi'ni açın.
- Yeni bir eşleştirme stratejisi oluşturmak için artı işaretini seçin.
- Eşleşen stratejiyi adlandırın ve Hedef varlık öğesini seçin.
- Eşleştirme stratejisini kaydedin (Bu kayıtta kalmanız gerektiğinden Kaydet ve kapat'ı seçmeyin).
- Kaydın var olup olmadığını denetlemek için kullanılacak eşleştirme stratejisi öznitelikleri (alanlar) ekleyin.
- Yeni eşleştirme stratejinizi kaydedin.
- Yeni oluşturulan eşleştirme stratejisini form ayarlarının Yinelenen kayıtlar listesinde seçebilirsiniz.
Alan türleri
Alan türleri ve biçimleri öznitelik meta verileri tarafından tanımlanır. Alan türlerini ve biçimlerini değiştirmek mümkün değildir. Ancak, biçimin tanımlı olmadığı alan türleri için işleme denetimini değiştirebilirsiniz.
Türü | Biçim | İşleme denetimi | Veri Akışı Açıklaması |
---|---|---|---|
Tek satırlı metin | E-posta, Metin, URL, Telefon, Numara | Biçimine göre otomatik olarak ayarlanır | Basit giriş alanı. Doğrulama otomatik olarak biçime göre ayarlanır. |
Birden çok metin satırı | Metin Alanı | Metin Alanı | Her tür metin değerini kabul eden bir metin alanı giriş alanı. |
Seçenek kümesi | Yok | Radyo Düğmeleri | Sınırlı sayıda önceden tanımlanmış değer (veritabanında tanımlandığı gibi) içeren bir alan. Her değer için bir düğme ile bir radyo düğmeleri kümesi olarak işlenir. |
Seçenek kümesi | Yok | Açılan liste | Sınırlı sayıda önceden tanımlanmış değer (veritabanında tanımlandığı gibi) içeren bir alan. Bir değer seçmek için bir açılan liste olarak işlenir. |
İki seçenek | Yok | Check box | Doğru veya yanlış olarak bir değeri kabul eden bir Boole alanı. Doğru olduğunda seçilen, yanlış olduğunda ise temizlenen bir onay kutusu olarak işlenir. |
İki seçenek | Yok | Radyo Düğmeleri | İki olası değerden birini (genellikle doğru veya yanlış) kabul eden bir alan. Veritabanında tanımlanan her biri için görünen metne sahip bir çift radyo düğmesi olarak işlenir. |
Tarih ve saat | Yalnızca Tarih | Tarih Seçici | Açılır takvim ekranından tarih seçmek için tarih seçici. Saat kabul etmez. |
Tarih ve saat | Tarih ve Saat | Tarih-Saat Seçici | Açılan takvimden bir tarih ve bir açılan listeden saat seçimini sağlayan bir tarih ve saat seçici. |
Arama alanı | Yok | Arama | Önceden oluşturulmuş seçeneklerin açılır listesini formunuza ekleme yapmanıza olanak tanıyan belirli bir varlık türüne bağlı bir arama alanı. Daha fazla bilgi. |
Arama alanları
Önceden oluşturulmuş seçeneklerin açılır listesini formunuza ekleme yapmanıza olanak tanıyan belirli bir varlık türüne bağlı bir arama alanı. Örneğin, formunuzdaki tüm para birimlerinin açılır listesini göstermek için "Para birimi" adında bir arama alanı kullanabilirsiniz.
Bir arama alanı ekledikten sonra veya arama alanı çalışmıyorsa, hizmet kullanıcısının arama alanıyla kullandığınız varlıklar için izinleri yapılandırmış olduğundan emin olun. Form düzenleyicisi tarafından kullanılan Pazarlama Hizmetleri Kullanıcısı Genişletilebilir rolü, arama alanında kullanılan varlığa okuma erişimi sahibi olmalıdır. Arama verilerini genel kullanıma açık yap özelliğini de etkinleştirmeniz gerekir. Aramadaki tüm değerler, formu gören herkes tarafından kullanılabilir. Hassas verilerin herkese açık olmadığından emin olun. Daha fazla bilgi: Arama alanları ekleme.
Form doğrulama
Bir taslak form yayımlandıktan veya canlı, düzenleme formu kaydedildikten sonra otomatik olarak doğrulama işlemi başlatılır. Doğrulama formun içeriğini denetler ve engelleme hataları bulunursa veya olası sorunlar hakkında uyarılar gösterebileceği şekilde yayımlamayı durdurabilir.
Form doğrulama işlemi, İçeriği denetle düğmesi kullanılarak el ile de başlatılabilir.
Form yayımlamayı engelleyen hatalar
Aşağıdaki koşullar formların yayımlanmasına engel olmak ve bir hata iletisi görüntüler:
- Gönder düğmesi eklenmiş mi?
- Form alanları düzenlenebilir bir öznitelikle bağlantılı mı?
- Form yinelenen alanlar içeriyor mu?
- Form, eşleştirme stratejisinin (varsayılan olarak e-posta alanı) gerektirdiği tüm öznitelikleri içeriyor mu?
- Hedef kitle ayarlanmış mı?
Form yayımlamayı durdurmayan uyarılar
Aşağıdaki koşullar formların yayımlanmasına engel olmaz. Bir uyarı iletisi görüntülenir:
- Form, bir kayıt oluşturma veya güncelleştirme için zorunlu olan seçili bir varlığın öznitelikleriyle bağlantılı tüm alanları içeriyor mu?
- Gerekli tüm öznitelikler HTML'de ="required" olarak etiketlendirilmiş mi?
Gelişmiş form özelleştirmesi
HTML düzenleyiciyi açmak ve bir formun kaynak kodunu görüntülemek için sağ üst köşeden HTML düğmesini seçin.
- Customer Insights - Journeys formları JavaScript API kullanılarak oluşturulabilir ve formu dinamik olarak yükleyebilmenizi sağlar.
- Tepki uygulamasına pazarlama formu enjekte edebilirsiniz.
- formLoad, formSubmit gibi form etkinliklerini genişletmek de mümkündür.
- Formlarınızı özelleştirmek için başka olanaklar da vardır. Daha fazla bilgi edinin
Formu özelleştirme CSS
HTML düzenleyicisinde CSS sınıfı tanımlarını değiştirebilirsiniz. CSS düzenleme, form düzenleyicisindeki olasılıklar üzerinde daha gelişmiş tasarım özelleştirmeleri elde etmenize olanak sağlar.
Formunuza özel JavaScript ekleme
Önemli
Customer Insights - Journeys sürüm 1.1.38813.80 ya da daha yenisi ile JavaScript kodunu HTML'nin <body>
bölümüne ekleyebilirsiniz. JavaScript'i <head>
bölümüne eklerseniz, otomatik olarak <body>
bölümünün en üstüne taşınır. <script>
etiketi form düzenleyicisinde komut dosyasının yürütülmesini engellemek üzere otomatik olarak <safe-script>
şeklinde adlandırılır. Ardından <safe-script>
etiketi, formLoader komut dosyası tarafından hizmet verilen son form HTML'sinde otomatik olarak yeniden <script>
olarak adlandırılır.
Önemli
Customer Insights - Journeys sürüm 1.1.38813.80'den daha eski sürüm için, HTML düzenleyicisini kullanarak HTML kaynak kodunun yalnızca <head>
bölümüne özel JavaScript kodunu ekleyebilirsiniz. JavaScript kodu <body>
bölümünün içine yerleştiriliyorsa, form düzenleyicisi kodu uyarı olmadan otomatik olarak kaldırır.
onClick
ya da onChange
gibi JavaScript kodunun yürütülmesini tetikleyen bütün onEvent
HTML özellikleri otomatik olarak ayıklanır (koddan çıkarılır).
Aşağıdaki örnek desteklenmektedir:
<button onClick="runMyFunction()">
Aşağıdaki örneklerde gösterildiği gibi, EventListener'leri JavaScript işlevlerinin yürütülmesini tetiklemek için JavaScript kodu içine yerleştirebilirsiniz.
Örnek 1: Diğer form alanlarının değerlerini kullanarak form alanının değerini güncelleme
Bu örnekte, ad ve soyadı alan değerlerini tam ad olarak birleştiren bir komut dosyası oluşturulur.
<script>
const firstName = document.getElementById("firstname-1679394382894"); // The field ID is unique in each form, make sure you replace it with the correct value.
const lastName = document.getElementById("lastname-1679335991544"); // The field ID is unique in each form, make sure you replace it with the correct value.
const fullName = document.getElementById("fullname-1679394390062"); // The field ID is unique in each form, make sure you replace it with the correct value.
firstName.addEventListener('change', updateFullName);
lastName.addEventListener('change', updateFullName);
function updateFullName() {
fullName.value = firstName.value + ' ' + lastName.value;
}
</script>
Örnek 2: Bir URL'den UTM parametre değeriyle bir gizli alanı doldurma
UTM kaynakları Yeni müşteri adaylarınızın geldiği yer hakkında önemli bilgiler sağlar. Bu örnek komut dosyası, bir URL'den UTM kaynak parametresini ayıklar ve onu gizli bir alanın değerine doldurur.
- "UTM kaynak" adlı müşteri adayı varlığınızın
utmsource
mantıksal adıyla yeni bir özel özniteliğini oluşturun. - "Müşteri adayıyla" hedef kitle olarak yeni bir form oluşturun. "UTM kaynağı" özel özniteliğini alan listesinde görebilirsiniz.
- UTM kaynak alanını tuvale ekleyin ve alan özelliklerinde gizli olarak ayarlayın.
- HTML düzenleyicisini açın.
- Aşağıdaki komut dosyasını gövde bölümüne yerleştirin. Koda doğru alan kimliğini girdiğinizden emin olun.
<script>
document.addEventListener("d365mkt-afterformload", updateUTMSourceField());
function updateUTMSourceField() {
const formField = document.getElementById("utmsource-1679335998029"); // The field ID is unique in each form, make sure you replace it with the correct value.
const urlParams = new URLSearchParams(window.location.search);
const utmSource = urlParams.get('utm_source');
formField.value = utmSource;
console.log(utmSource); // for debug only, can be removed
}
</script>
Müşteri adaylarınızı utm_campaign, utm_medium, utm_term, utm_content gibi daha fazla UTM parametreleriyle zenginleştirmek için bu örneği yeniden kullanabilirsiniz.
Özel bir captcha'yı forma entegre edin
Formunuzda Google reCAPTCHA gibi özel captcha bot koruma hizmetlerini tümleştirebilirsiniz.
Form gönderinin özel arka uç doğrulaması
Form gönderme işlemini engelleyen özel arka uç form gönderme doğrulaması oluşturmak mümkündür. Formu gönderme girişiminde bulunan kullanıcıya bir hata iletisi gösterir. Bu arka uç doğrulaması, formun bir captcha itirazı sonucunu değerlendirmek için arka uç doğrulaması yaptığı yerde, özel captcha'yı tümleştirmeyle ilgili makalede yer almak için kullanışlı bilgiler edinebilirsiniz.