HubSpot - Integratie / Installatie

In dit artikel leer je hoe je je HubSport website binnen enkele minuten kunt vertalen en meertalig kunt maken.

Maak een account aan op Weglot
Voeg uw talen toe en selecteer uw URL-structuur
Gebruik de Javascript-integratie
De Javascript-code toevoegen
De subdomeinen maken
Maak de submappen

1) Maak een account aan op Weglot

Met deze account kunt u al uw vertalingen beheren en bewerken. U kunt uw Weglot account hier aanmaken.

Je zou een validatiemail moeten ontvangen in de account waarmee je je hebt aangemeld.

Selecteer vervolgens "overig" als uw websitetechnologie.

2) Voeg je nieuwe talen toe en selecteer je URL-structuur

De volgende stap is het toevoegen van de originele taal van je website en de talen waarnaar je de website wilt vertalen.

Daarna moet je de URL van je website en je URL-structuur invoeren.

Je kunt kiezen welk type of URL je wilt gebruiken voor de integratie. Beide opties zijn goed voor je SEO. Het enige verschil is de URL-structuur. Voor de Franse versie van je website zouden de URL's er bijvoorbeeld als volgt uitzien:

Subdomeinen: fr.yourwebsite.com
Subdirectories (bèta): uwwebsite.nl/fr

Houd er rekening mee dat als je een tijdelijke HubSpot domeinnaam gebruikt ( bijvoorbeeld hs-sites.com) je in plaats daarvan de "Javascript integratie" moet gebruiken. Zodra je een permanent domein hebt, kun je doorgaan met deze integratie, waardoor je taalsubdomeinen krijgt.

3) De Javascript-integratie toevoegen

Om de JavaScript integratie te gebruiken, moet je klikken op "verbind Weglot met je website zonder".

Klik op "Volgende".

Kopieer en plak de code die op uw scherm wordt weergegeven

Het volgende scherm wordt weergegeven:

Kopieer de code die hieronder op je scherm verschijnt

Klik vervolgens op de knop "Volgende".

4) De Javascript-code toevoegen

Hiermee kun je een taalswitcher knop toevoegen aan je HubSpot website.

Ga naar je HubSpot website, klik op "Instellingen" > "Geavanceerde optie".
Ga naar "Extra codefragment" en je zou een veld moeten zien met de titel "Hoofd HTML".

Kopieer en plak het JavaScript-fragment dat aan u is verstrekt op uw Weglot-account.

Klik op de knop "Wijzigingen opslaan" en publiceer je wijzigingen door op de blauwe knop helemaal rechtsboven te klikken.

(Als je de Javascript integratie implementeert, is de installatie voltooid en is je website nu meertalig)

5) Maak je subdomeinen aan (belangrijk voor meertalige SEO)

In deze stap maakt u uw SEO-vriendelijke subdomeinen, bijvoorbeeld fr.mywebsite.com (als u uw website in het Frans wilt vertalen).

Je hebt toegang nodig tot de account van je domeinnaamprovider. De volgende video demonstreert het proces met Google Domains - bekijk onze video's voor andere domeinnaamproviders of neem contact met ons op via support@weglot.com als je hulp nodig hebt.

In het gedeelte waar u uw CNAME-items toevoegt, zal 'name' de taalcode zijn die u hebt gekregen in het Weglot installatieproces en het gedeelte 'data' zal de waarde zijn die door Weglot is gegeven.

Hier is de naam fr en de waarde xxx.translate-cf.weglot.io.

⚠️ De waarde is een voorbeeld en verschilt per project.

Nadat je dit hebt opgeslagen in je domeinnaamprovider, ga je terug naar je Weglot account en klik je op de knop 'Controleer DNS'. Dit zou groen moeten worden, maar kan tot 10 minuten duren.

Je moet dan de Javascript snippet toevoegen aan het einde van de setup.

Om het in Hubspot toe te voegen, zie: De Javascript code toevoegen

6) Maak uw submappen

Houd er rekening mee dat de subdirectory-integratie op een Hubspot-integratie specifieke aandacht vereist.

Je kunt contact opnemen met support@weglot.com als je hulp nodig hebt bij het instellen.

Te volgen stappen

Start de integratie van de subdirectory in het Dashboard > Instellingenpagina
De query toevoegen ?manualorigin=true aan het einde van de pagina-URL
Je zou het volgende deel moeten kunnen zien op de instellingenpagina

Zie de volgende stap om het "Oorsprongsadres" toe te voegen

Hoe vind je het adres van herkomst

-> https://developers.hubspot.com/docs/guides/cms/content/performance/reverse-proxy-support#1.-configure-the-proxy

De CNAME voor de oorsprong heeft het formaat <HubID>.<suffix>

De suffix wordt bepaald door het datacenter dat is toegewezen aan het HubSpot account van de gebruiker en de laatste twee cijfers van de HubID.

Bepaal uw datacenter

-> https://knowledge.hubspot.com/account-security/hubspot-cloud-infrastructure-and-data-hosting-frequently-asked-questions#review-your-account-defaults-page

HubSpot-account > pictogram Instellingen > Accountinstellingen > tabblad Gegevenshosting > gedeelte Uw gegevenshostinglocatie

Met deze informatie kunnen we een deel van het achtervoegsel vinden in de onderstaande tabel (beschikbaar in de HubSpot documentatie).

Achtervoegsels per datacenter

Datacenter	Achtervoegsel
VS Oost	`sites-proxy.hscoscdn[##].net`
VS Westen	`sites-proxy.hscoscdn[##]-na2.net`
Canada	`sites-proxy.hscoscdn[##]-na3.net`
Europese Unie	`sites-proxy.hscoscdn[##]-eu1.net`
Australië	`sites-proxy.hscoscdn[##]-ap1.net`

Voor een gebruiker met een account in Canada is het achtervoegsel bijvoorbeeld in het formaat sites-proxy.hscoscdn[##]-na3.net (waar [##] zijn de laatste 2 cijfers die worden bepaald door de HubID).

Zoek de laatste 2 cijfers van HubID

We nemen nu de laatste cijfers van de HubID en controleren de overeenkomst in het volgende tabblad

HubID's eindigend op	Achtervoegsel nummer
00-10	`00`
11-19	`10`
20-29	`20`
30-39	`30`
40-49	`40`
50-59	`00`
60-69	`10`
70-79	`20`
80-89	`30`
90-99	`40`

Als de HubID 123456 en wordt gehost in een datacenter in Canada, zou de CNAME van de oorsprong zijn 123456.sites-proxy.hscoscdn00-na3.net Daarom zullen we deze CNAME invoeren als de oorsprong in het veld "Oorsprongsadres" bij het instellen van de submappen.

Je moet dan de Javascript snippet toevoegen aan het einde van de setup.

Om het in Hubspot toe te voegen, zie: De Javascript code toevoegen

7) Je HubSpot website is nu meertalig!

Zodra dit is gebeurd, zie je de knop voor het wisselen van talen onder aan je website. Voel je vrij om het te testen en te schakelen tussen talen. Weglot genereert automatisch een eerste laag van automatische vertaling, u kunt dan uw vertaling bewerken en beheren vanaf uw Weglot dashboard.