Luo ja lisää JavaScript-tiedosto HubSpotiin

Luo ja lisää JavaScript-tiedostoja Design Managerissa, jotta voit mukauttaa HubSpotin isännöimän sisällön toiminnallisuutta. Luo JavaScript-tiedosto, liitä se malliin tai lisää se koko verkkotunnukseen tai yksittäisille sivuille.

Käytä JavaScript-tiedostoa esimerkiksi interaktiivisten elementtien lisäämiseen, kolmansien osapuolten skriptien integroimiseen tai sivun käyttäytymisen mukauttamiseen vakiomoduuleja laajemmaksi.

Ennen kuin aloitat

Ennen kuin työskentelet JavaScript-tiedostojen kanssa, tutustu seuraaviin vaatimuksiin ja näkökohtiin.

Rajoitusten ja näkökohtien ymmärtäminen

• Muutosten julkaiseminen tekee päivityksistä välittömästi eläviä niihin liittyviin malleihin tai sivuihin.
• JavaScriptin lisääminen verkkotunnuksen tasolla soveltaa skriptiä kaikkiin kyseisen verkkotunnuksen HubSpotin isännöimiin sivuihin.

Luo JavaScript-tiedosto

1. Siirry HubSpot-tililläsi kohtaan Sisältö > Suunnittelun hallinta.
2. Napsauta hakulaitteessa File (Tiedosto ) -pudotusvalikkoa ja valitse New file (Uusi tiedosto).
3. Napsauta valintaikkunassa Mitä haluat rakentaa tänään? -pudotusvalikkoa ja valitse JavaScript. Napsauta sitten Seuraava.
4. Kirjoita nimi JavaScript-tiedostolle File name (Tiedoston nimi ) -kenttään.
5. Jos haluat päivittää tiedoston sijainnin, napsauta Tiedoston sijainti -kohdassa Muuta ja valitse kansio, johon tiedosto lisätään.
6. Napsauta Luo.
7. Kirjoita JavaScript-koodisi koodieditoriin.
8. Jos olet ottanut ESLintin käyttöön, voit tarkastella mahdollisia JavaScript-varoituksia tai -virheitä kytkemällä Näytä tulostus -kytkimen päälle.

9. Kun olet valmis, napsauta Julkaise muutokset oikeassa yläkulmassa.

JavaScript-tiedoston liittäminen raahaa ja pudota -malliin

1. Siirry HubSpot-tililläsi kohtaan Sisältö > Suunnittelun hallinta.
2. Napsauta hakulaitteessa mallia, jonka haluat päivittää.
3. Napsauta oikealla olevassa tarkastajassa Muokkaa-välilehteä.
4. Napsauta Linkitetyt JavaScript-tiedostot -kohdassa Lisää-pudotusvalikkoa ja valitse JavaScript-tiedosto.
5. Kun olet valmis, napsauta oikeassa yläkulmassa olevaa Julkaise muutokset -painiketta.

JavaScript-tiedoston liittäminen koodattuun malliin

1. Siirry HubSpot-tililläsi kohtaan Sisältö > Suunnittelun hallinta.
2. Napsauta hakulaitteessa mallia, jonka haluat päivittää.
3. Kirjoita koodieditoriin require_js HubL -funktio. Lisätietoja require_js HubL -funktion käytöstä.

JavaScript-tiedoston lisääminen HubSpot-sivuille

Lisää JavaScript-tiedosto HubSpotin isännöimän verkkotunnuksen kaikille sivuille tai yksittäisille sivuille käyttämällä julkista URL-osoitetta.

JavaScript-tiedoston julkiseen URL-osoitteeseen pääsy

1. Siirry HubSpot-tililläsi kohtaan Sisältö > Suunnittelun hallinta.
2. Napsauta etsimessä JavaScript-tiedoston nimeä. Napsauta sitten Toiminnot-pudotusvalikkoa ja valitse Kopioi julkinen URL-osoite.

JavaScript-tiedoston lisääminen toimialueen kaikkiin sivuihin

1. Napsauta HubSpot-tilisi ylänavigointipalkin settings asetuskuvaketta.
2. Siirry vasemman sivupalkin valikossa kohtaan Sisältö > Sivut.
3. Napsauta Choose a domain to edit its settings -pudotusvalikkoa ja valitse verkkotunnus, johon JavaScript-tiedosto lisätään. Jos haluat soveltaa JavaScript-tiedostoa kaikkiin liitettyihin verkkotunnuksiin, valitse Oletusasetukset kaikille verkkotunnuksille.
   
4. Liitä Sivuston alatunnisteen HTML-osioon julkinen URL-osoite skriptitunnisteen lähteen arvoksi:

<!-- start example.js Do Not Remove -->
<script src='insert your file's public URL here'></script>
<!---End example.js-->

5. Kun olet valmis, napsauta Tallenna vasemmalla alhaalla.

JavaScript-tiedoston lisääminen yksittäiselle sivulle

Huomaa: Lisäasetukset eivät ole käytettävissä aloituspohjissa.

1. Siirry sisältöön:
   • Verkkosivuston sivut: Dans votre compte HubSpot, accédez à Contenu web > Pages de site web.
   • Laskeutumissivut: Siirry HubSpot-tililläsi kohtaan Sisältö > Aloitussivut.
2. Napsauta sivusi nimeä.
3. Napsauta sisältöeditorissa Asetukset-valikkoa ja valitse Lisäasetukset.
4. Liitä valintaikkunan Footer HTML -osioon julkinen URL-osoite komentosarjatunnisteen lähteen arvoksi:

<!-- start example.js Do Not Remove -->
<script src='insert your file's public URL here'></script>
<!---End example.js-->

5. Kun olet valmis, napsauta Julkaise tai Päivitä oikeassa yläkulmassa.