Incrustar el portal de empleo en su página de empleo¶
| Producto | Polyguard PreScreen |
| Destinatarios | Quien edite su página de empleo (equipo web, marketing o su agencia de CMS) |
| Consola | console.polyguard.ai |
| Tiempo de configuración | unos 30 minutos |
| Contacto | [email protected] |
1. Resumen¶
PreScreen le proporciona un sitio de empleo alojado por Polyguard en su propio subdominio, por ejemplo https://careers.example.com. La incrustación coloca ese mismo portal dentro de su página de empleo actual, de modo que los candidatos nunca salen de su sitio y la página conserva su cabecera, su pie y sus estilos.
Esto se hace sustituyendo una etiqueta <script>. Todo lo demás de la página se mantiene igual, incluido el contenedor donde se muestra el portal.
Lo que ve el candidato¶
La lista de vacantes, las páginas de detalle de cada puesto y el formulario de solicitud aparecen en el lugar que ocupaba su portal anterior. Cuando el candidato envía una solicitud, la Trust Check de Polyguard se abre sobre toda la página, el candidato la completa en su teléfono y la solicitud llega a su ATS con la verificación adjunta.
Lo que no cambia¶
| La configuración de su ATS | No cambia. Siga primero la guía de su ATS: Greenhouse, Lever, Workable. |
| Las solicitudes directas | Los candidatos que se postulan por LinkedIn, Indeed, una recomendación o el propio sitio de su ATS siguen cubiertos por la Trust Check enviada por correo. |
| Su sitio de empleo alojado | Sigue disponible. La incrustación añade un segundo lugar desde el que se sirve el mismo portal; no desactiva el primero. |
Configure el ATS primero
La incrustación muestra el portal para el que su aplicación PreScreen ya está configurada. Si el sitio de empleo alojado todavía no muestra sus vacantes activas, resuélvalo antes de incrustar: la incrustación mostrará exactamente lo mismo.
2. Requisitos previos¶
| Requisito | Detalles |
|---|---|
| Una aplicación PreScreen operativa | Su sitio de empleo alojado carga y lista sus vacantes activas |
| Su identificador de portal | El valor for= que le facilita Polyguard. Es el mismo identificador que usa su ATS: el board token de Greenhouse, o el {site} de https://jobs.lever.co/{site} |
| Su URL de carga | Polyguard le entrega el <script src> completo para pegar. Apunta a su despliegue de PreScreen, por ejemplo https://careers.example.com/embed/embed_js |
| Permisos de edición sobre la página de empleo | Los suficientes para cambiar una etiqueta de script y añadir un <link> a la cabecera de la página |
| Los orígenes exactos de cada página que vaya a incrustar el portal | Incluidos los dominios de pruebas y de vista previa. Véase la Sección 4 |
3. Añada la incrustación a su página¶
3a. Si hoy incrusta Greenhouse¶
Una página de empleo con Greenhouse incrustado tiene un div contenedor y el script de carga de Greenhouse:
<div id="grnhse_app"></div>
<script src="https://boards.greenhouse.io/embed/job_board/js?for=YOUR_TOKEN"></script>
Cambie el src y nada más:
<div id="grnhse_app"></div>
<script src="https://careers.example.com/embed/greenhouse_js?for=YOUR_TOKEN"></script>
El script de Polyguard busca el mismo div grnhse_app y admite el mismo parámetro de enlace directo gh_jid, así que los enlaces existentes a puestos concretos siguen funcionando.
3b. Si incrusta por primera vez¶
Añada un div contenedor donde deba aparecer el portal y, después, el script:
<div id="polyguard_jobs"></div>
<script src="https://careers.example.com/embed/embed_js?for=YOUR_TOKEN"></script>
El script rellena el primer contenedor que encuentra con uno de estos identificadores, en este orden: jobs-container, grnhse_app, polyguard_jobs. Si ninguno está en la página, no se muestra nada y no aparece ningún error.
3c. Dónde colocar la etiqueta de script¶
Coloque la etiqueta de script en cualquier punto posterior al div contenedor, o en cualquier punto si usa defer. El script espera a que la página termine de procesarse antes de buscar el contenedor, así que no puede ejecutarse demasiado pronto. Solo puede llegar tarde si su CMS inserta el contenedor después de cargarse la página; en ese caso, cargue el script después.
El portal ajusta su propio tamaño: informa de su altura a su página a medida que el candidato se mueve entre la lista y un puesto, y el marco crece y se reduce para encajar. No fije una altura al contenedor.
4. Autorice a su sitio a incrustar el portal¶
Este paso es obligatorio y el portal no se mostrará sin él.
Polyguard rechaza ser incrustado por cualquier sitio que no figure en una lista de autorizados. Es una protección contra el phishing: sin ella, un sitio fraudulento podría enmarcar su portal de empleo real y recoger solicitudes al amparo de su marca.
Envíe al soporte de Polyguard el origen completo de cada página que vaya a incrustar el portal y lo añadiremos a su aplicación. Un origen es el esquema y el dominio, sin ninguna ruta, y siempre con https:
https://www.example.com
https://example.com
https://staging.example.com
Tres detalles importantes:
- Solo
https. Una página servida porhttpno puede incrustar el portal. - Un comodín no cubre el dominio sin subdominio.
https://*.example.comcoincide conwww.example.compero no conexample.com. Envíe ambos si usa ambos. - Incluya los dominios de pruebas, de vista previa y los entornos de su agencia si quiere probar allí. Las URL de vista previa que cambian en cada despliegue necesitan la forma con comodín.
Puede consultar la lista actual en la Consola, en Settings → PreScreen → Embedding sites. Los administradores de la cuenta pueden verla; solo el personal de Polyguard puede modificarla, y el cambio surte efecto en el siguiente despliegue de su sitio, no de inmediato.
Cómo se manifiesta un origen que falta
El contenedor se queda vacío y la consola de desarrollo de su navegador muestra un error de Content Security Policy que menciona frame-ancestors. Es esta lista, no un problema de la etiqueta de script.
5. Enlaces directos y URL que se pueden compartir¶
El portal se ejecuta dentro de un marco, así que la barra de direcciones no cambiaría al navegar. El script mantiene sincronizada la URL de su página, de modo que los candidatos pueden copiar el enlace de un puesto y este se abre en ese puesto.
| Parámetro | Contiene | Ejemplo |
|---|---|---|
gh_jid | El puesto que el candidato está viendo | https://www.example.com/careers?gh_jid=4001234 |
pg_f | La búsqueda y los filtros activos en la lista de vacantes | https://www.example.com/careers?pg_f=q%3Ddesign |
Ambos se leen al cargar la página, así que un enlace compartido o guardado en marcadores vuelve a abrir la misma vista. gh_jid es el mismo parámetro que usa Greenhouse, de modo que los enlaces que ya haya publicado, en anuncios de empleo o en redes sociales, siguen funcionando tras cambiar el script.
Si su página usa su propio enrutado o reescribe la cadena de consulta, asegúrese de que conserva los parámetros que no reconoce; de lo contrario, estos enlaces perderán el puesto.
6. Haga que el portal cargue más rápido¶
Añada una indicación de preconexión a la cabecera <head> de su página de empleo, por encima de la etiqueta de script:
<link rel="preconnect" href="https://careers.example.com" crossorigin>
El script no puede abrir su conexión con el portal hasta que su página haya procesado la etiqueta, la haya ejecutado y haya añadido el marco. La indicación adelanta la resolución DNS, el saludo TCP y la negociación TLS para que se solapen con el resto de la carga de la página, lo que suele ahorrar una ida y vuelta de red, y más en conexiones móviles.
Use el mismo origen que el src del script. El atributo crossorigin es obligatorio: el portal es un documento de otro origen, y una preconexión sin ese atributo abre una conexión que el marco no puede reutilizar.
Lo que esto no resuelve
Si el portal está muy abajo en la página o dentro de una pestaña o un acordeón cerrados, los navegadores retrasan deliberadamente su representación hasta que el candidato pueda verlo. Es normal y no cuesta nada, pero hace que las herramientas de medición informen de un "primer pintado" muy lento para el portal. Esa cifra mide cuánto tardó el candidato en desplazarse, no cuánto tardó el portal en cargar.
7. Estilos¶
El portal hereda los colores, las tipografías y el logotipo configurados para su aplicación PreScreen en la Consola, en Settings → PreScreen, así que coincide con su sitio de empleo alojado desde el principio. Omite deliberadamente la cabecera y el pie del sitio, porque su propia página ya los aporta.
Dos ajustes que quizá quiera hacer, ambos gestionados por el soporte de Polyguard:
| Lo que quiere | Qué solicitar |
|---|---|
| Que el marco se ajuste al ancho y al espaciado de su página, o que oculte títulos que su página ya muestra | Una hoja de estilos de inquilino dirigida a la clase embed-root |
| Que la lista de vacantes se muestre como pestañas por departamento en lugar de una lista larga | La disposición del portal por pestañas |
Si su página de empleo tiene una cabecera fija, indíqueselo al soporte: existe un ajuste en la URL de carga que reserva espacio para ella cuando el portal desplaza un diálogo hasta la vista. Se añade como &offset=120 (la altura de su cabecera en píxeles) en el src del script.
Enviar a los candidatos a la página alojada¶
De forma predeterminada, el candidato que pulsa un puesto permanece dentro del marco. También puede hacer que cada puesto abra su página de empleo alojada por Polyguard como página completa, algo recomendable si su página de empleo es estrecha o tiene muchos estilos. Pida al soporte que cambie los enlaces de los puestos del portal incrustado a la página alojada. El enlace "Todas las vacantes" de la página alojada devolverá entonces al candidato a su página de empleo.
8. Resolución de problemas¶
| Síntoma | Causa | Solución |
|---|---|---|
| No aparece nada donde debería estar el portal | No hay un contenedor con un identificador reconocido, o el script se cargó antes de que existiera el contenedor | Compruebe que el id del div sea jobs-container, grnhse_app o polyguard_jobs, y que el script venga después |
El área está vacía y la consola del navegador muestra un error de frame-ancestors | El origen de su página no está en la lista de autorizados | Envíe el origen exacto al soporte y vuelva a desplegar; véase la Sección 4 |
| El portal se muestra pero aparece cortado o con su propia barra de desplazamiento | Su página o su plantilla fija una altura al contenedor | Quite la altura; el portal ajusta su propio tamaño |
| Se abre un puesto pero la URL de la página nunca cambia | Su página elimina los parámetros de consulta que no reconoce | Conserve gh_jid y pg_f; véase la Sección 5 |
| Las vacantes mostradas están desactualizadas | Los portales se almacenan en caché hasta una hora | Espere ese intervalo, o pida al soporte que la vacíe tras un cambio importante en su ATS |
| El diálogo de la Trust Check se abre detrás de su cabecera | Una cabecera fija sin el ajuste de desplazamiento | Pida al soporte el valor de offset; véase la Sección 7 |
| Las vacantes se listan, pero al pulsar una se abre el sitio de su propio ATS | Esos puestos están en un departamento para el que PreScreen está desactivado | Es intencionado. Revise los departamentos desactivados de su aplicación en la Consola |
Cuando informe de un problema al soporte, incluya la URL de la página, el src del script tal y como aparece en su HTML y los errores que muestre la consola de desarrollo de su navegador.
9. Soporte¶
- Correo: [email protected]
- Consola: console.polyguard.ai
- Configuración del ATS: Greenhouse, Lever, Workable
- Envío de correos de Trust Check desde su dominio: Envío desde su dominio