HubSpot Tietämyskanta

Vianmääritys ulkoisesti upotetuissa HubSpot-lomakkeissa

Kirjoittanut HubSpot Support | Nov 1, 2021 3:34:14 PM

Jos ulkoiselle sivulle upotettu HubSpot-lomake ei toimi tai näy oikein, tutustu yleisimpiin lomakkeen upottamiseen liittyviin ongelmiin ja niiden vianmääritykseen.

Vahvista lomakkeen upotuskoodi

Voit varmistaa, että ulkoisen sivun upotuskoodi on oikea, vertaamalla HubSpotin toimittamaa lomakkeen upotuskoodia sivustossasi olevaan koodiin:
  • Vie hiiren kursori lomakkeen päälle ja valitse Muokkaa.
  • Napsauta lomakeditorin oikeassa yläkulmassa Embed (Upota).
  • Valitse valintaikkunassa Kopioi.

  • Siirry selaimessasi Diff Checkeriin, tekstin vertailutyökaluun.
  • KohdassaAlkuperäinen teksti osioon liitä lomakkeen upotuskoodi.
  • Siirry verkkosivulle, johon lomake on upotettu. Napsauta sitten hiiren kakkospainikkeella missä tahansa sivulla ja valitse Näytä sivun lähde.
  • Etsi lomakkeen upotuskoodi sivulähteestä ja kopioi se.
  • Siirry takaisin Diff checkeriin.
  • Liitä ulkoisesti upotettu koodi Muuttunut teksti -osioon.
  • Etsi puuttuva tai rikkinäinen koodi valitsemalla Etsi ero. Jos upotetut koodit ovat samat, näyttöön tulee viesti The two files are identical. Muussa tapauksessa erot korostetaan punaisella ja vihreällä.

Jos ulkoisesti upotettu koodi ei vastaa HubSpot-koodia, upota oikea koodi uudelleen ulkoiselle sivulle.

Jos ulkoisesti upotettu koodi vastaa HubSpotin koodia, jokin ulkoisen sivusi HTML- tai JavaScript-koodissa saattaa häiritä lomakkeen upotuskoodia. Vianmääritys kannattaa tehdä yhteistyössä kehittäjän kanssa.

Isäntäkohtaiset upotusongelmat

Jos käytät WordPressiä, Squarespacea tai Wixiä, voit jatkaa seuraavien ongelmien vianmääritystä kussakin alla olevassa verkkosivuston isännässä.

WordPress

Jos lomakkeesi on upotettu WordPress-sivulle, saatat kohdata seuraavia ongelmia:

  • WordPress saattaa muuntaa upotetun lomakkeen koodissa olevan '&'-koodin muotoon '&', mikä rikkoo koodin toimivuuden.
  • XHTML WordPress-teemat lisäävät <![CDATA[ ]]>-tageja JavaScriptin ympärille, minkä ei pitäisi vaikuttaa lomakkeen esittämiseen, mutta se on syytä huomioida lomakkeen upotuskoodia tarkistettaessa.

Jos WordPress muuttaa upotuskoodia, on suositeltavaa käyttää kolmannen osapuolen lisäosaa, kuten Insert HTML Snippet -lisäosaa, joka lisää lomakkeen sivulle tai viestiin lyhytkoodina, jotta skriptitunnisteet säilyvät.

Squarespace

Jotkin Squarespacen mallit renderöivät skriptejä vain sivun ensimmäisellä latauskerralla eivätkä muilla sivuilla. Tämä voi johtaa siihen, että HubSpot-lomakkeet eivät toimi oikein joillakin sivuilla, koska lomakkeen komentosarjat eivät lataudu, kun kävijä navigoi verkkosivustollasi.

Jos haluat estää tämän, kokeile poistaa Ajax-lataus käytöstä Squarespacessa. Jos tämä ei toimi, voit myös kokeilla toisen Squarespace-mallin käyttöä.

Wix

Wix ei yleensä tue mukautettua koodausta isännöidyillä verkkosivustoilla. Tämän vuoksi HubSpot-lomaketta ei voi upottaa suoraan Wix-sivulle.

Jos haluat lisätä HubSpot-lomakkeen Wix-sivullesi, yritä ensin lisätä Wixin iframe-moduuli ja lisätä lomake sitten moduuliin joko Widgetinä syöttämällä lomakkeen upotuskoodi tai upotettuna sivustona syöttämällä lomakkeen erillisen sivun URL-osoite.

Selainkohtaiset ongelmat

Jos käytössäsi on Ghosteryn kaltainen resursseja estävä selainlaajennus, HubSpot-lomakkeiden lataaminen ja näyttäminen voi estyä. Lue lisää siitä, mitä tapahtuu, kun HubSpot-lomakkeesi estetään.