HubSpot - Integración / Configuración

En este artículo, aprenderá a traducir su sitio web HubSport y convertirlo en un sitio web multilingüe en cuestión de minutos.

Crear una cuenta en Weglot
Añada sus idiomas y seleccione su estructura de URL
Utilice la integración de Javascript
Añada el código Javascript
Crear los subdominios
Cree los subdirectorios

1) Cree una cuenta en Weglot

Esta cuenta será donde gestione y edite todas sus traducciones. Puede crear su cuenta de Weglot aquí.

Debería recibir un correo electrónico de validación en la cuenta con la que se inscribió.

A continuación, seleccione "otro" como tecnología de su sitio web.

2) Añada sus nuevos idiomas y seleccione su estructura de URL

El siguiente paso es añadir el idioma original de su página web y los idiomas a los que desea traducirla.

A continuación, deberá introducir la URL de su sitio web y su estructura de URL.

Puede elegir el tipo o la URL que desea utilizar para la integración. Ambas opciones son buenas para su SEO. La única diferencia es la estructura de las URL. Por ejemplo, para la versión francesa de su sitio web, las URL tendrían el siguiente aspecto:

Subdominios: fr.yourwebsite.com
Subdirectorios (beta): yourwebsite.com/fr

Tenga en cuenta que si está utilizando un nombre de dominio temporal de HubSpot ( por ejemplo hs-sites.com) debe utilizar la "integración Javascript" en su lugar. Una vez que tenga un dominio permanente podrá continuar con esta integración, que le proporcionará subdominios de idiomas.

3) Añada la integración Javascript

Para utilizar la integración JavaScript, debe hacer clic en "conectar Weglot a su sitio web sin él".

Pulse "Siguiente".

Copie y pegue el código que aparece en su pantalla

Aparecerá la siguiente pantalla:

Copie el código que aparecerá en su pantalla a continuación

A continuación, pulse el botón "Siguiente".

4) Añada el código Javascript

Esto le permitirá añadir un botón de cambio de idioma a su sitio web de HubSpot.

Vaya a su sitio web de HubSpot, haga clic en "Configuración" > "Opción avanzada"
Vaya a "Fragmento de código adicional", y debería ver un campo que se titula "HTML de cabecera"

Copie y pegue el fragmento de JavaScript que se le ha proporcionado en su cuenta de Weglot.

Pulse el botón "Guardar cambios" y publique sus cambios pulsando el botón azul situado en la parte superior derecha.

(Si está implementando la integración Javascript la configuración si ha terminado y su sitio web es ahora multilingüe)

5) Cree sus subdominios (importante para el SEO multilingüe)

En este paso, creará sus subdominios SEO-friendly, por ejemplo, fr.mywebsite.com (si desea traducir su sitio web al francés).

Necesitará acceder a la cuenta de su proveedor de nombres de dominio. El siguiente vídeo muestra el proceso con Google Domains - consulte nuestros vídeos para otros proveedores de nombres de dominio o póngase en contacto con nosotros en support@weglot.com si necesita ayuda.

En la sección en la que añada sus entradas CNAME, 'nombre' será el código de idioma que se le proporcionó en el proceso de configuración de Weglot y la sección 'datos' será el valor proporcionado por Weglot.

Aquí, el nombre es fr, y el valor es xxx.translate-cf.weglot.io.

⚠️ El valor es un ejemplo y es diferente en cada proyecto.

Cuando haya guardado esta entrada en su proveedor de nombres de dominio, vuelva a su cuenta de Weglot y haga clic en el botón "Comprobar DNS". Este debería ponerse en verde pero puede tardar hasta 10 minutos en hacerlo.

A continuación, deberá añadir el fragmento de Javascript proporcionado al final de la configuración.

Para añadirlo en Hubspot por favor vea: Añadir el código Javascript

6) Cree sus subdirectorios

Tenga en cuenta que la integración de subdirectorios en una integración de Hubspot requiere una atención específica.

Puede ponerse en contacto con support@weglot.com si necesita ayuda con la configuración.

Pasos a seguir

Inicie la integración de subdirectorios en la página Dashboard > Configuración
Añada la consulta ?manualorigin=true al final de la URL de la página
Debería poder ver la siguiente parte en la página de configuración

Consulte en el siguiente paso la "Dirección de origen" que debe añadir

Cómo encontrar la dirección de origen

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

El CNAME para el origen tendrá el formato <HubID>.<suffix>

El sufijo viene determinado por el centro de datos asignado a la cuenta HubSpot del usuario y los dos últimos dígitos del HubID.

Determine su centro de datos

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

Cuenta de HubSpot > icono de configuración > Valores predeterminados de la cuenta > pestaña Alojamiento de datos > sección Su ubicación de alojamiento de datos

Con esta información, podremos encontrar parte del sufijo a partir de la tabla siguiente (disponible en la documentación de HubSpot).

Sufijos por centro de datos

Centro de datos	Sufijo
Este de EE.UU.	`sites-proxy.hscoscdn[##].net`
Oeste de EE.UU.	`sites-proxy.hscoscdn[##]-na2.net`
Canadá	`sites-proxy.hscoscdn[##]-na3.net`
Unión Europea	`sites-proxy.hscoscdn[##]-eu1.net`
Australia	`sites-proxy.hscoscdn[##]-ap1.net`

Por ejemplo, para un usuario cuya cuenta esté alojada en Canadá, el sufijo tendrá el formato sites-proxy.hscoscdn[##]-na3.net (donde [##] son los 2 últimos dígitos determinados por el HubID).

Encuentre los sufix 2 últimos dígitos de HubID

Ahora tomaremos los últimos dígitos del HubID y comprobaremos la coincidencia en la siguiente pestaña

HubIDs que terminan en	Número de sufijo
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`

Si el HubID es 123456 y está alojado en un centro de datos en Canadá, el CNAME del origen sería 123456.sites-proxy.hscoscdn00-na3.net Por lo tanto, introduciremos este CNAME como origen en el campo "Dirección de origen" al configurar los subdirectorios.

A continuación, deberá añadir el fragmento de Javascript proporcionado al final de la configuración.

Para añadirlo en Hubspot por favor vea: Añadir el código Javascript

7) ¡Su sitio web de HubSpot es ahora multilingüe!

Una vez hecho, podrá ver el botón de cambio de idioma en la parte inferior de su página web. No dude en probarlo y cambiar de idioma. Weglot genera automáticamente una primera capa de traducción automática, después podrá editar y gestionar su traducción desde su Weglot dashboard.