El sitio web público
Qué hace el sitio web de la agencia: la página de inicio, los anuncios y sus filtros, la página de propiedad con su estancia amueblada, viviendas guardadas y comparar, solicitudes de visita, el formulario de contacto, los buscadores y las etiquetas de marketing.
Para el paquete Full Stack
Páginas
Cada página existe en inglés bajo /en y en árabe bajo /ar. El sitio web no tiene cuentas ni inicio de sesión.
| Página | Ruta | Qué muestra |
|---|---|---|
| Inicio | /en | Una búsqueda unida a la fotografía principal (comprar o alquilar, zona, tipo, presupuesto), las viviendas destacadas que elige la agencia en su panel, los tipos de propiedad con sus recuentos, un antes y después de una estancia amueblada con IA, comprar y alquilar lado a lado, los barrios, la presentación de la agencia, los alquileres más recientes, preguntas frecuentes y una banda de contacto. |
| Viviendas en venta, en alquiler | /en/properties?purpose=sale, /en/properties?purpose=rent | Los anuncios, con filtros, orden y páginas. |
| Una propiedad | /en/properties/the-terrace-residence | Las fotos, el precio y los datos clave, la descripción y las comodidades, la estancia amueblada, el barrio, viviendas similares y una solicitud de visita. |
| Viviendas guardadas | /en/saved | Las viviendas que el visitante guardó, conservadas en su navegador. |
| Comparar | /en/compare | Hasta tres viviendas guardadas lado a lado. |
| Nuestra agencia | /en/agency | La historia de la agencia, su eslogan y su descripción desde el panel. |
| Contacto | /en/contact | Los datos de la agencia y el formulario de contacto. |
| Política de privacidad | /en/privacy | Texto de plantilla que hay que reescribir antes de publicar. |
Los anuncios
- Filtros por zona (barrio), precio, dormitorios, tipo de propiedad (
apartment,villa,townhouse) y comodidades, guardados en la dirección, así que una búsqueda se puede compartir, recargar y recorrer con atrás y adelante. - Orden por más recientes, precio de menor a mayor o de mayor a menor, y páginas de seis viviendas.
- Solo aparecen las viviendas publicadas. Los alquileres muestran su precio anual; cada precio es el código de moneda seguido del importe, como
AED 4,850,000.
La página de propiedad
- Una cuadrícula de fotos con un visor que funciona con el teclado, el precio y los datos clave (dormitorios, baños, superficie en metros cuadrados, aparcamiento, amueblado, espacio exterior), la descripción y las comodidades.
- Amueblado virtual: cuando la agencia ha aprobado una vista previa amueblada para mostrarla en público, un control deslizante arrastrable compara la estancia vacía con la amueblada, etiquetada como amueblada con IA. Una vista previa pública por propiedad.
- El barrio: una fotografía de la zona y una breve descripción. El sitio web no muestra ningún mapa; la ubicación se marca como aproximada salvo que la agencia la haya fijado como exacta.
- Hasta tres viviendas similares, y un botón para consultar por la vivienda en la página de contacto (
/contact?property=<slug>).
Solicitudes de visita
El visitante indica un nombre, un correo, un teléfono opcional, una fecha preferida y una hora, y un mensaje opcional. Las horas se ofrecen cada media hora de 09:00 a 18:00 en la zona horaria de la agencia (Asia/Dubai), con al menos una hora de antelación. La solicitud se muestra como pendiente de confirmación, con su referencia, nunca como una cita reservada, y llega a Visitas del panel con una notificación.
El formulario de contacto
Comprar o alquilar, una zona preferida, un presupuesto y un mensaje, con el nombre, el correo y el teléfono opcional del visitante, y el consentimiento a la política de privacidad. Abierto desde una propiedad, lleva esa vivienda. Cada envío se convierte en una consulta en el panel, con una notificación.
Ambos formularios llevan un campo oculto que atrapa a los bots, envían la misma solicitud una sola vez y aceptan cinco envíos por dirección en diez minutos.
Viviendas guardadas y comparar
Un visitante guarda viviendas y compara hasta tres lado a lado sin una cuenta; una cuarta se rechaza con un aviso. Ambas listas se conservan en el navegador del visitante y nunca llegan a la API.
Buscadores
- Cada página define su propio título, descripción, dirección canónica y el idioma alternativo, construidos a partir de
NEXT_PUBLIC_SITE_URL. Una página de propiedad usa el título y la descripción SEO de la propia propiedad y su foto de portada para compartir. /sitemap.xmllista cada página pública en ambos idiomas y cada propiedad publicada;/robots.txtapunta a él. Las viviendas guardadas y comparar están marcadas comonoindex.
Etiquetas de analítica y seguimiento
Hay seis redes integradas. Activa una poniendo su id en .env (con Docker Compose, en el .env junto a docker-compose.yml) y volviendo a construir; un id en blanco no carga ningún script.
| Variable | Red |
|---|---|
NEXT_PUBLIC_GTM_ID | Google Tag Manager |
NEXT_PUBLIC_GA4_MEASUREMENT_ID | Google Analytics 4 |
NEXT_PUBLIC_META_PIXEL_ID | Facebook e Instagram |
NEXT_PUBLIC_TIKTOK_PIXEL_ID | TikTok |
NEXT_PUBLIC_SNAPCHAT_PIXEL_ID | Snapchat |
NEXT_PUBLIC_PINTEREST_TAG_ID |
| Evento | Cuándo |
|---|---|
page_view | Cada cambio de ruta |
view_property | Se muestra una página de propiedad |
save_property | Se guarda una vivienda |
viewing_request | Se recibe una solicitud de visita |
contact_submit | Se recibe el formulario de contacto |
- Si GA4 funciona dentro de tu contenedor de Tag Manager, deja en blanco el id de GA4, o cada sesión se contará dos veces.
NEXT_PUBLIC_ANALYTICS_CURRENCY(AEDpor defecto) se envía con cada precio registrado, yNEXT_PUBLIC_ANALYTICS_DEBUG=trueregistra cada evento en la consola del navegador.- Las etiquetas se cargan en cuanto carga la página. Si atiendes a visitantes de la UE o del Reino Unido, pon antes delante un banner de consentimiento.
Cómo encaja el código del sitio web
Incluido con tu compra. Inicia sesión para leerlo o ábrelo en tu descarga.
La estructura del código y las convenciones que debes mantener al cambiarlo.