Upravljanje Customer Insights - Journeys obrascima

U ovom se članku objašnjava kako uređivati, poništavati objavu i upravljati obrascima u sustavu Customer Insights - Journeys.

Uređivanje obrasca uživo

Ako je obrazac već objavljen i morate ga ažurirati, odaberite gumb Uredi na gornjoj vrpci. Možete nastaviti uređivati obrazac uživo i sve se promjene automatski objavljuju nakon što odaberete gumb Spremi.

Važno

Ako odlučite stvoriti kopiju obrasca, morat ćete objaviti novostvorenu kopiju.

Obrazac se pohranjuje na CDN na kojem se predmemoriraju svi podaci kako bi se posjetiteljima vaše web-stranice omogućilo najkraće moguće vrijeme učitavanja. Osvježavanje predmemorije može potrajati do 10 minuta i prije nego što vidite promjene na web-stranici. Ako dodate ovaj parametar #d365mkt-nocache URL-u web-stranice, možete provjeriti rezultat promjena na stranici. Nikada ne dijelite vezu na svoju stranicu, uključujući ovaj parametar, sa svojim klijentima. Parametar zaobilazi CDN predmemoriju i usporava učitavanje stranice.

Poništavanje objave obrasca

Da biste poništili objavu obrasca uživo, odaberite gumb Zaustavi. Obrazac se uklanja s CDN-a, tako da ga posjetitelji vaše web stranice više ne mogu poslati. Obrazac je možda i dalje vidljiv zbog predmemorije preglednika, ali se ne može poslati. Status obrasca mijenja se u Skica.

Svojstva polja obrasca

Nakon što odaberete polje na platnu, njegova svojstva možete vidjeti u desnom oknu.

• Tekst rezerviranog mjesta: rezervirano mjesto unutar polja. Rezervirano mjesto automatski nestaje nakon što korisnik počne upisivati u polje.
• Zadana vrijednost: Postavite zadanu vrijednost za ovo polje. Rezervirano mjesto nije vidljivo ako je postavljena zadana vrijednost.
• Obavezno: ako je omogućeno, korisnik ne može poslati obrazac ako je polje prazno.
• Provjera valjanosti: konfigurirajte pravilo koje provjerava sadržaj polja. Ako pravilo provjere valjanosti nije zadovoljeno, korisnik ne može poslati obrazac. Važno je postaviti ispravnu provjeru valjanosti za polja e-pošte i telefonskih brojeva.
• Sakrij polje: Ako je omogućeno, polje nije vidljivo u obrascu. Skrivena polja možete koristiti za spremanje dodatnih metapodataka zajedno s slanjem obrasca.

Prilagođena provjera valjanosti

Da biste stvorili prilagođenu provjeru valjanosti, omogućite mogućnost provjere valjanosti i odaberite Prilagođeno. Pojavit će se skočni dijaloški okvir u koji možete unijeti regularni izraz (RegExp). Možete, na primjer, koristiti RegExp da biste provjerili odgovara li unesena vrijednost određenom formatu telefonskog broja.

Oblikovanje obrazaca pomoću teme

Odjeljak Tema možete otvoriti odabirom ikone četke u desnom oknu. Tema kontrolira stil svih vrsta polja, gumba i teksta. Nakon što postavite temu polja, ono utječe na sva polja iste vrste u obrascu.

Značajka teme je korisničko sučelje za uređivanje CSS definicija klase u obliku HTML. Radi samo bez gotovih stilova obrazaca. Prilagođene CSS klase nisu vizualizirane, ali i dalje možete uređivati prilagođene CSS klase pomoću uređivača HTML koda.

Odjeljak teme omogućuje konfiguriranje:

• Pozadina: Definirajte unutarnju boju pozadine i stil obruba za cijeli obrazac.
• Stilovi teksta: Definirajte naslov 1, Naslov 2, Naslov 3, Odlomak, Natpis polja. Stil natpisa polja ne utječe na natpise potvrdnog okvira i izbornog gumba jer se te naljepnice mogu zasebno konfigurirati. Definicija stila teksta uključuje obitelj fonta, veličinu fonta, boju fonta, stil teksta i visinu crte. Također možete postaviti unutarnji i vanjski razmak, širinu i poravnanje. Povrh tih stilova teksta možete postaviti i položaj natpisa (gore, lijevo, desno) i potrebnu boju za natpise polja.
• Ulazna polja grupirana su u tri kategorije:
  1. Polja za unos, padajući izbornik i pretraživanje teksta: ova tri vizualna stila polja dijele istu definiciju stila. Možete definirati obitelj fontova, veličinu, boju i stil za stilove rezerviranog mjesta i ulaznog teksta. Također možete postaviti boju pozadine polja, boju pozadine izbornika, zaobljene kutove, obrub, poravnanje veličine te unutarnji i vanjski razmak. Imajte na umu da se natpis polja može konfigurirati u stilovima teksta.
  2. Radijski gumb: Radijski gumb ima vlastitu konfiguraciju naljepnice, što vam omogućuje postavljanje obitelji i veličine fonta. Boju teksta, stilove i boju pozadine možete postaviti za sve mogućnosti i za odabranu mogućnost. Također možete definirati zaobljene kutove, širinu te unutarnji i vanjski razmak izbornih gumba.
  3. Potvrdni okvir – polje potvrdnog okvira ima vlastitu konfiguraciju natpisa koja vam omogućuje postavljanje obitelji fontova, veličine. Možete postaviti različite boje teksta, stilove i boju pozadine za sve mogućnosti i za odabranu mogućnost. Također možete definirati zaobljene kutove, širinu, unutarnji i vanjski razmak potvrdnih okvira.
• Gumbi i veze: Definicija gumba omogućuje postavljanje obitelji fontova, veličine, boje, stilova teksta, boje gumba, poravnanja obruba te unutarnjeg i vanjskog razmaka. Definicija hiperveze omogućuje postavljanje obitelji fontova, veličine, boje i stilova teksta.

Napomena

Stilovi obrazaca stalno se poboljšavaju. Obrasci stvoreni u starijoj verziji putovanja u stvarnom vremenu uređivač obrazaca imaju ograničene mogućnosti za promjenu stila obrasca pomoću značajke teme. Dodatne mogućnosti stila možete omogućiti odabirom gumba Omogući u odjeljku tema. Time se stilovi obrazaca ažuriraju na najnoviju verziju kompatibilnu sa značajkom teme.

Prilagođeni fontovi

Prilagođene fontove u obrascu možete koristiti na dva načina:

1. Postavljanje fonta na "naslijedi": Preporučuje se za obrasce ugrađene u vlastitu stranicu. Obrazac nasljeđuje obrazac od vaše stranice.
2. Dodavanje vlastitog prilagođenog fonta: preporučuje se za obrasce hostirane kao samostalna stranica. Prilagođeni font možete prenijeti pomoću značajke teme u odjeljku prilagođeni fontovi. Preneseni prilagođeni fontovi mogu se koristiti u svim definicijama stila teksta.

pretpregled: kopilotni – tema Obrasci Pomoćnik

Važno

Značajka pretpregled značajka je koja nije potpuna, ali je dostupna prije službenog izdanja kako bi korisnici mogli dobiti rani pristup i pružiti povratne informacije. Značajke pretpregleda nisu namijenjene u proizvodne svrhe i mogu imati ograničene funkcije.

Microsoft ne pruža podršku za ovu značajku pretpregleda. Tehnička podrška za Microsoft Dynamics 365 neće vam moći pomoći u vezi s problemima ili pitanjima. Značajke pretpregleda nisu namijenjene za korištenje u proizvodnji, posebno za obradu osobnih podataka ili ostalih podataka koji podliježu zakonskim ili regulatornim zahtjevima usklađenosti.

Važno

Temu Pomoćnik smijete koristiti samo s web-mjestima koja posjedujete i kojima upravljate. Tema Pomoćnik ne smije se koristiti za kopiranje web stranica trećih strana.

Tema Pomoćnik je kopilotni značajka u Customer Insights - Journeys. Temu Pomoćnik možete koristiti za dohvaćanje stilova s postojećeg web-mjesta koje posjedujete i kojim upravljate. Da biste koristili temu, unesite URL web-mjesta i odaberite Stilovi dohvaćanja. Ovaj proces može potrajati nekoliko minuta. Možete nastaviti s radom i vratiti se kasnije kako biste provjerili rezultat. Nakon što Pomoćnik dohvati stilove s vaše web stranice, primjenjuje stilove na temu vašeg obrasca.

Postavke obrasca

Postavke obrasca omogućuju konfiguriranje naprednih svojstava obrasca i definiranje onoga što se događa nakon slanja obrasca.

• Duplicirani zapisi: Odaberite strategiju rukovanja dupliciranim zapisima.
• Obavijest zahvale: Ova se poruka pojavljuje ako korisnik uspješno pošalje obrazac.
• Obavijest o pogrešci: Ova se poruka pojavljuje ako dođe do pogreške prilikom slanja obrasca.
• Preusmjeravanje nakon slanja: Ako je omogućeno, možete unijeti URL na koji će korisnik biti preusmjeren nakon slanja obrasca.

Rukovanje dupliciranim zapisima

Zadani pristup dupliciranim zapisima razlikuje se za entitete kontakta i potencijalnih klijenata.

• Kontakt (zadano: ažuriranje kontakta e-poštom): ako korisnik pošalje obrazac s postojećom adresom e-pošte, slanje obrasca ažurira postojeći zapis. Nije stvoren novi zapis.
• Potencijalni klijent (zadano: uvijek kreirajte novi zapis): ako korisnik pošalje obrazac s postojećom adresom e-pošte, stvara se novi zapis s istom adresom e-pošte.

Zadanu strategiju možete promijeniti pomoću padajućeg izbornika Dupliciraj zapise u postavkama Obrasci . Također možete stvoriti prilagođenu strategiju podudaranja.

Stvaranje prilagođene strategije podudaranja

Stvaranjem nove podudarne strategije možete odabrati način rukovanja dupliciranim zapisima.

1. Odaberite donji lijevi izbornik da biste pristupili postavkama.
2. Otvorite strategiju podudaranja obrazaca u odjeljku Angažman kupaca.
3. Odaberite ikonu plus da biste stvorili novu strategiju podudaranja.
4. Dodijelite naziv odgovarajućoj strategiji i odaberite ciljni entitet.
5. Spremite odgovarajuću strategiju (nemojte odabrati Spremi i zatvori jer trebate ostati na ovom zapisu).
6. Dodajte podudarne atribute strategije (polja) koji se koriste za provjeru postojanja zapisa.
7. Spremite svoju novu strategiju podudaranja.
8. Novostvorena strategija podudaranja sada se može odabrati na popisu Dupliciraj zapise u postavkama obrasca.

Vrste polja

Vrste i oblici polja definirani su metapodacima atributa. Nije moguće promijeniti vrste i oblike polja. Međutim, možete promijeniti kontrolu vizualizacije za vrste polja u kojima oblik nije definiran.

Vrsta	Oblik	Kontrola vizualizacije	Opis
Jedan redak teksta	E-pošta, tekst, URL, telefon, broj	Automatski postavi na temelju oblika	Jednostavno polje za unos. Provjera valjanosti automatski se postavlja na temelju oblika.
Više redaka teksta	Područje za tekst	Područje za tekst	Polje za unos tekstnog područja koje prihvaća sve vrste tekstnih vrijednosti.
Skup mogućnosti	N/D	Izborni gumbi	Polje s ograničenim brojem unaprijed definiranih vrijednosti (kako je definirano u bazi podataka). Prikazan kao skup izbornih gumba, s jednim gumbom za svaku vrijednost.
Skup mogućnosti	N/D	Padajući popis	Polje s ograničenim brojem unaprijed definiranih vrijednosti (kako je definirano u bazi podataka). Prikazan kao padajući popis za odabir vrijednosti.
Dvije mogućnosti	N/D	Potvrdni okvir	Booleovo polje, koje prihvaća vrijednost true ili false. Prikazuje se kao potvrdni okvir, koji se odabire kada je istinito i jasno kada je netočno.
Dvije mogućnosti	N/D	Izborni gumbi	Polje koje prihvaća jednu od samo dvije moguće vrijednosti (obično istinite ili netočne). Prikazan kao par izbornih gumba, s prikazanim tekstom za svaki definiran u bazi podataka.
Datum i vrijeme	Samo datum	Birač datuma	Birač datuma za odabir datuma sa zaslona skočnog kalendara. Ne prihvaća vrijeme.
Datum i vrijeme	Datum i vrijeme	Birač datuma i vremena	Birač datuma i vremena za odabir datuma iz skočnog kalendara i vremena s padajućeg popisa.
Polje za pretraživanje	N/D	Pretraživanje	Polje pretraživanja povezano je s određenom vrstom entiteta, što vam omogućuje dodavanje padajućeg popisa mogućnosti koje su unaprijed stvorene u obrazac. Više informacija.

Polje Telefonski broj

Za najbolje rezultate s Customer Insight - Journeys trebali biste koristiti samo međunarodni format telefonskog broja počevši od znaka "+". Time se osigurava prikupljanje pristanka za slanje tekstualnih poruka. Da biste poboljšali iskustvo svojih korisnika, preporučujemo upotrebu oznake telefonskog broja ili rezerviranog mjesta za objašnjenje očekivanog formata telefonskog broja.

Provjerite je li provjera valjanosti polja telefonskog broja postavljena na Telefonski broj. Ova gotova provjera valjanosti provjerava je li oblik telefonskog broja kompatibilan sa zahtjevima za format telefonskog broja za stvaranje kontaktna točka privole. Očekivani format telefonskog broja je međunarodni koji počinje znakom "+". Ako vaš klijent unese pogrešnu vrijednost za telefonski broj, prikazat će se zadana poruka o pogrešci koju generira preglednik. Obrasci koriste zadanu provjeru valjanosti preglednika za prikaz poruka o pogreškama ako unesena vrijednost polja ne odgovara očekivanom uzorku. Možete nadjačati zadanu provjeru valjanosti preglednika prilagođenim JavaScriptom kako biste uveli vlastite poruke o pogreškama.

Ako ne namjeravate koristiti telefonski broj za slanje tekstualnih poruka, telefonski broj možete prikupiti u bilo kojem formatu. U tom slučaju trebali biste izbjegavati dodavanje pristanka za kanal "Tekst" u obrazac. Kontaktna točka pristanak strogo zahtijeva međunarodni format telefonskog broja. Ako se koristi nekompatibilan oblik, slanje obrasca obrađuje se s upozorenjem o neuspjehu prilikom pokušaja stvaranja kontaktna točka pristanka za uneseni telefonski broj.

Napomena

Ako slanje obrasca za obrazac koji sadrži polje telefonskog broja ne uspije, nadogradite aplikaciju na najnoviju verziju da biste dobili najnovije popravke i poboljšanja obrade oblika telefonskog broja.

Unaprijed postavljeni telefonski broj pozivni broj države

Ako se vaša tvrtka nalazi u jednoj regiji s istim pozivnim brojem države, možete unaprijed postaviti parametar Šifra države u polju telefonskog broja.

Ako je pozivni broj države unaprijed postavljen, nakon slanja obrasca automatski se dodaje točan telefonski broj pozivnog broja države. Ako kupac unese telefonski broj koji uključuje pozivni broj države, unaprijed postavljeni telefonski broj broj države zanemaruje se.

Referentna polja

Polje pretraživanja povezano je s određenom vrstom entiteta, što vam omogućuje dodavanje padajućeg popisa mogućnosti koje su unaprijed stvorene u obrazac. Na primjer, možete koristiti polje pretraživanja pod nazivom "Valuta" za prikaz padajućeg popisa svih valuta u obrascu.

Nakon dodavanja polja pretraživanja ili ako polje pretraživanja ne radi, provjerite ima li korisnik usluge dozvole za konfiguriranje entiteta koje koristite s poljem pretraživanja. Uloga korisnika marketinških usluga koju koristi uređivač obrazaca mora imati pristup za čitanje entitetu koji se koristi u polju pretraživanja. Morate omogućiti i javno vidljive podatke pretraživanja u svojstvima pretraživanja. Sve vrijednosti unutar pretraživanja dostupne su svima koji vide obrazac. Osigurajte da osjetljivi podaci nisu izloženi javnosti. Dodatne informacije: Dodavanje polja pretraživanja.

Prilagođena polja

Uređivač obrazaca vam omogućuje korištenje svih atributa entiteta potencijalnog klijenta ili kontakta kao polja obrasca. Ako stvorite novi prilagođeni atribut kontakta ili potencijalnog klijenta, on je automatski dostupan kao polje obrasca u uređivaču. Pomoću ovog pristupa možete jednostavno stvoriti polja obrazaca za višekratnu upotrebu.

Napomena

Prilagođena nemapirana polja obrasca (polja obrazaca koja nisu povezana s postojećim atributom potencijalnog klijenta ili kontakta) trenutno se nalaze na našem planu. U ovom postu na blogu spominje se moguće zaobilazno rješenje.

Provjera valjanosti obrasca

Postupak provjere valjanosti automatski se pokreće nakon objavljivanja skice obrasca ili spremanja obrasca za uređivanje uživo. Provjera valjanosti provjerava sadržaj obrasca i može prestati objavljivati ako se pronađu pogreške blokiranja ili ako se mogu prikazati upozorenja o potencijalnim problemima.

Postupak provjere valjanosti obrasca možete pokrenuti ručno pomoću gumba Provjeri sadržaj .

Pogreške koje blokiraju objavljivanje obrasca

Sljedeći uvjeti sprječavaju objavljivanje obrazaca i prikazuju poruku o pogrešci:

• Je li uključen gumb Pošalji ?
• Jesu li polja obrasca povezana s atributom koji se može uređivati?
• Sadrži li obrazac duplicirana polja?
• Sadrži li obrazac sve atribute potrebne za podudarnu strategiju (polje e-pošte prema zadanim postavkama)?
• Je li cilj publika postavljen?

Upozorenja koja ne zaustavljaju objavljivanje obrazaca

Sljedeći uvjeti ne sprječavaju objavljivanje obrazaca. Prikazat će se poruka upozorenja:

• Sadrži li obrazac sva polja povezana s atributima odabranog entiteta koja su obavezna za stvaranje ili ažuriranje zapisa?
• Jesu li svi obavezni atributi označeni kao obavezni="obavezni" u HTML-u?

Napredna prilagodba obrasca

Da biste otvorili HTML uređivač i prikazali izvorni kod obrasca, odaberite HTML gumb u gornjem desnom kutu.

• Customer Insights - Journeys obrasci se mogu prikazati pomoću JavaScript API-ja, što vam omogućuje dinamičko učitavanje obrasca.
• Možete ubrizgati marketinški obrazac u aplikaciju za reagiranje.
• Također je moguće proširiti događaje obrasca kao što su formLoad, formSubsubmit itd.
• Postoje i druge mogućnosti prilagodbe obrazaca. Uči više

Prilagodba obrasca CSS

Definicije klase možete promijeniti CSS u HTML uređivaču. Uređivanje CSS vam omogućuje postizanje naprednijih prilagodbi dizajna povrh mogućnosti u uređivač obrazaca.

Dodavanje prilagođenog JavaScripta u obrazac

Važno

S Customer Insights - Journeys verzijom 1.1.38813.80 ili novijom možete dodati JavaScript kod u <body> odjeljak HTML-a. Ako u odjeljak dodate JavaScript <head> , on se automatski premješta na vrh <body> odjeljka. Oznaka <script> se automatski preimenuje <safe-script> kako bi se spriječilo izvršavanje skripte na uređivač obrazaca. Oznaka <safe-script> se zatim automatski preimenuje natrag u <script> u konačnom obliku HTML koji služi skripta formLoader.

Važno

S Customer Insights - Journeys verzijom starijom od 1.1.38813.80, prilagođeni JavaScript kod možete dodati samo u <head> odjeljak izvornog HTML koda pomoću HTML uređivača. Ako se kod JavaScript koda smjesti unutar <body> odjeljka, uređivač obrazaca automatski uklanja kôd bez upozorenja.

Svi onEvent HTML atributi koji pokreću izvršavanje JavaScript koda poput onClick ili onChange se automatski dezinficiraju (uklanjaju iz koda).

Sljedeći primjer nije podržan:

<button onClick="runMyFunction()">

Kao što je prikazano u primjerima u nastavku, EventListeners možete smjestiti unutar JavaScript koda kako biste pokrenuli izvršavanje JavaScript funkcija.

Primjer 1: Ažuriranje vrijednosti polja obrasca pomoću vrijednosti drugih polja obrasca

U ovom primjeru stvara se skripta koja kombinira vrijednosti polja ime i prezime u puni naziv.

<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>

Primjer 2: popunjavanje skrivenog polja vrijednošću UTM parametra iz URL-a

UTM izvori pružaju važne informacije o tome odakle dolaze vaši novi potencijalni klijenti. Ova ogledna skripta izdvaja UTM izvorni parametar iz URL-a i popunjava ga u vrijednost skrivenog polja.

1. Stvorite novi prilagođeni atribut entiteta potencijalnog klijenta pod nazivom "UTM izvor" s logičkim nazivom utmsource.
2. Stvorite novi obrazac s "potencijalnim klijentom" kao ciljnim publika. Prilagođeni atribut "UTM izvor" možete vidjeti na popisu polja.
3. Dodajte izvorišno polje UTM-a na platno i postavite ga kao skriveno u svojstvima polja.
4. Otvorite HTML uređivač.
5. Stavite sljedeću skriptu u odjeljak tijela. Provjerite jeste li u kod stavili ispravan ID polja.

<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>

Ovaj primjer možete ponovno upotrijebiti za obogaćivanje potencijalnih klijenata s više UTM parametara kao što su utm_campaign, utm_medium utm_term utm_content.

Prilagodba entiteta za slanje obrasca i obrazaca

Možete dodati prilagođene atribute entitetima za slanje obrasca ili obrasca kako biste poboljšali svoje iskustvo s uređivač obrazaca.

Integriranje prilagođene captche u obrazac

U obrazac možete integrirati prilagođene usluge zaštite captcha bota kao što je Google reCAPTCHA .

Prilagođena pozadinska provjera valjanosti slanja obrasca

Moguće je izraditi prilagođenu provjeru valjanosti pozadinskog slanja obrasca koja sprječava obradu slanja obrasca. Prikazuje poruku o pogrešci korisniku koji je pokušao poslati obrazac. Inspiraciju za ovu pozadinsku provjeru možete pronaći u članku o integraciji prilagođene captche, gdje obrazac vrši pozadinsku provjeru kako bi procijenio rezultat captcha izazova.