¿Cómo agrego ConveyThis a una aplicación Angular?
ConveyThis traduce una aplicación Angular con una etiqueta de script. Lo agregas una vez a tu src/index.html, y cada página y vista de tu aplicación está traducida.
Paso 1. Añade tu sitio web en ConveyThis
- Inicia sesión en tu panel de control de ConveyThis y haz clic en Agregar dominio. ¿Aún no tienes cuenta? Crea uno gratis.
- En Plataforma de sitio web, elige Otro (Javascript) y haz clic en Siguiente.
- Ingrese el dominio donde se publica su aplicación (por ejemplo
example.com), su idioma actual y el Idiomas a traducir. Haga clic Siguiente. - Elija cómo se ven las direcciones de sus páginas traducidas o mantenga el valor predeterminado y haga clic Siguiente.
- En el Instalar paso, clic Copiar al lado del código.
Paso 2. Añade el código a tu aplicación
Pegue el código en src/index.html, justo antes del cierre </body> etiqueta:
<body>
<app-root></app-root>
<!-- ConveyThis Script Start -->
<script src="//cdn.conveythis.com/javascript/conveythis.js?api_key=YOUR_API_KEY"></script>
<!-- ConveyThis Script End -->
</body>Utilice el código de su panel: ya contiene su clave API. Luego cree e implemente su aplicación como de costumbre.
Paso 3. Comprueba que funciona
- Regrese a la configuración ConveyThis y haga clic Consulta mi sitio ahora.
- Abre tu aplicación. El selector de idioma aparece en la esquina inferior derecha. Elija un idioma y muévase entre algunas vistas para verlas traducidas.
Es bueno saberlo
- Contenido que cambia sin recargar la página (nuevas vistas, datos cargados desde su API) se traduce cuando Permite la traducción de contenidos dinámicos esta encendido. Encuéntralo en Dominios, el Configuración menú en su sitio web, en Advanced.
- Texto que no quieres traducir, como nombres de usuario o códigos, se pueden excluir. Ver Excluir páginas y elementos de la traducción.
- ¿Estás probando en tu propia computadora? Ver ¿Puedo usar ConveyThis en localhost?
- Para colocar el conmutador dentro de su propio menú, consulte Cambie la posición del conmutador.