Jos chat-ikkuna ei näy verkkosivustollasi – tai viimeaikaiset muutokset eivät näy – tämä opas käy läpi yleisimmät syyt ja niiden ratkaisut.
🟡 Kokeile ensin tätä: tyhjennä selaimen evästeet ja testaa verkkosivustoasi incognito-/yksityisessä ikkunassa. Tämä ratkaisee suurimman osan näyttöongelmista. Jos chat ei edelleenkään näy, käy läpi alla olevat tarkistukset.
Tässä artikkelissa:
Chat piilotettu asetuksissa
Varmista, ettei chat-ikkunaa ole asetettu piilotettavaksi, kun olet offline-tilassa (1) tai täysin piilotetuksi (2) kohdassa Asetukset > Chat-ikkuna > Vaihtoehdot.
Sinut on estetty
Varmista, ettei sinua ole estetty kävijänä Smartsupp-tililläsi.
Tarkista, onko IP-osoitteesi listalla estetyt IP-osoitteet.
Kävijälistassa voit käyttää "Estetyt kävijät" -suodatinta nähdäksesi, onko kävijöitä estettynä. Jos sinä olet yksi heistä, voit poistaa eston itse.
Chat-koodi puuttuu tai on lisätty väärin
Avaa verkkosivustosi sivulähde (Chromessa paina Ctrl + U) ja etsi (Ctrl + F) sanaa smartsupp. Jos hakutuloksia ei ole, chat-koodia ei ole verkkosivustosi koodissa – kehittäjäsi täytyy lisätä se.
Jos käytät tag manageria (esim. Google Tag Manager), varmista, että se toimii oikein. Useimmissa tapauksissa löydät chat-koodin verkkosivustosi elementeistä: paina Ctrl + Shift + J, avaa Elements-välilehti ja etsi smartsupp.
Varmista myös, ettet käytä enempää kuin yhtä chat-koodia verkkosivustollasi.
Virhe koodissa
Varmista, ettei chat-koodista puutu merkkejä. Kopioi koodi mieluiten suoraan kohdasta Asetukset. Voit käyttää työkalua, kuten Diffchecker, vertaillaksesi verkkosivustosi koodia alkuperäiseen. Yleisin ongelma on puuttuva alaviiva (_), joka näkyy yleensä virheenä selaimen konsolissa (Ctrl + Shift + J).
Ongelma verkkosivustosi CSS:ssä
Tyypillinen syy siihen, miksi chat ei näy – vaikka koodi olisi lisätty oikein – on se, että display-ominaisuus iframelle on asetettu arvoon display: none (katso esimerkki alla). Jos näin on, kehittäjäsi täytyy päivittää verkkosivuston CSS.
Z-indeksi yli 1 000 000
Z-index-ominaisuus määrittää elementin pinoamisjärjestyksen – suuremmalla z-indeksillä oleva elementti näkyy aina pienemmän z-indeksin elementin edessä. Jos sinulla siis on elementti, jonka z-indeksi on suurempi kuin 1 000 000, se voi peittää chat-widgetin.
JavaScript pois käytöstä selaimessa
JavaScript on oletuksena käytössä kaikissa selaimissa, mutta jos olet poistanut sen käytöstä, sinun täytyy ottaa se uudelleen käyttöön. Voit lukea, miten JavaScript otetaan käyttöön eri selaimissa tästä oppaasta.
Testiympäristö
Verkkosivustosi on testiympäristössä (localhost), rajoitetulla sivustolla, intranetissä tai yksityisen VPN:n takana. Verkkosivuston täytyy olla täysin saavutettavissa internetistä, jotta Smartsupp toimii 100 %.
Widgetin siirtymä
Jos käytät räätälöityä chat-ikkunan sijaintia API:n kautta ja olet muuttanut widgetin siirtymää (offset), varmista, että se pysyy näkyvissä myös pienemmillä näytöillä. Jos siirtymä on liian suuri tai liian pieni, chat voi olla osittain tai kokonaan ruudun ulkopuolella.
Content Security Policy
Jos käytät verkkosivustollasi Content Security Policyä, varmista, että kaikki domainimme ovat lisätty sallittujen luetteloon CSP:ssäsi:
smartsupp.com
smartsuppchat.com
cdn77.org
smartsuppcdn.com
Jos CSP-ongelma esiintyy, Chromen konsoli (Ctrl + Shift + J) näyttää, että skripti rikkoo Content Security Policy -määräystä.
Mitä seuraavaksi?
Chat-ikkunan perusasetukset – mukauta chat-ikkunan ulkoasu, kieli ja toiminta.
Chat-ikkunan tila – hallitse, milloin chat-ikkuna näkyy online- tai offline-tilassa.
Chat-ikkuna mobiilisovelluksessasi – anna sovelluksesi käyttäjien ottaa sinuun yhteyttä chatissa.
💡 Jäikö ongelma? Jos olet käynyt kaikki tarkistukset läpi ja chat ei silti näy, ota yhteyttä meihin hallintapaneelisi chat-ikkunan kautta tai tukitiimimme kautta. Liitä mukaan verkkosivustosi osoite ja Smartsupp-rekisteröintisähköpostisi, jotta voimme tutkia asiaa.