Cómo usar Geo Search para tipos de publicaciones en WordPress










  • Imagine un blog de viajes que agregue detalles de ubicación a las publicaciones para que los visitantes del blog puedan buscar geográficamente los tipos de publicaciones.

    O la capacidad de organizar eventos en diferentes ciudades, o incluso vecindarios, para que los miembros del grupo puedan usar la geolocalización para encontrar eventos cerca de ellos. O para ver qué otros miembros asisten a los eventos.

    Si alguna vez pensó que algo así sería genial, es hora de aprender cómo agregar datos de geolocalización a sus publicaciones. Tanto para publicaciones individuales como para grupos de publicaciones (tipos de publicación).

    Vamos a utilizar el complemento GEO my WordPress para agregar detalles de ubicación de búsqueda a su contenido.

    Instalación del complemento GEO my WordPress

    Inicie sesión en su panel de administración de WordPress.

    En la navegación de la columna izquierda, pase el mouse sobre el enlace «Complementos» y haga clic en el enlace «Agregar nuevo».

    pase el mouse sobre el enlace "Complementos" y haga clic en el enlace "Agregar nuevo"

    En el cuadro «Buscar complementos…», ingrese «GEO my WP».

    busque el complemento WordPress GEO my WordPress

    Una vez que haya localizado el complemento, haga clic en el botón «Instalar ahora».

    haga clic para instalar el complemento WordPress GEO my WordPress

    Haga clic en el botón «Activar».

    haga clic para activar el complemento WordPress GEO my WordPress

    Configurando GEO mi WordPress

    En la navegación de la columna izquierda, pase el mouse sobre el enlace «GEO my WP» y haga clic en el enlace «Configuración».

    haga clic en el enlace "Configuración"

    Haga clic en la pestaña «Mapas y geocodificadores».

    haga clic en la pestaña "Mapas y geocodificadores"

    Para usar las API de Google Maps, deberá tener una cuenta de Google Developers/Cloud Platform configurada y proporcionar información de facturación. En este punto, puede configurar las claves API necesarias para usar en este complemento.

    Si no tiene una cuenta de desarrollador de Google o no desea agregar un método de pago a la cuenta, existe una opción gratuita. Eso es lo que usaremos en este tutorial.

    En la sección «Proveedor de mapas», seleccione «LeafLet» en el menú desplegable.

    seleccione "LeafLet" en el menú desplegable

    En la sección «Nominatim (OpenStreetMaps)», ingrese su dirección de correo electrónico.

    ingrese su dirección de correo electrónico

    Haga clic en el botón «Guardar cambios».

    haga clic en el botón "Guardar cambios"

    En la navegación de la columna izquierda, pase el mouse sobre el enlace «GEO my WP» y haga clic en el enlace «Extensiones».

    haga clic en el enlace "Extensiones"

    Haga clic en el botón «Activar» para las siguientes extensiones:

    • Localizador de publicaciones
    • Única ubicación
    • Ubicación actual

    activar las extensiones

    Ahora verá que hay un campo de ubicación en su lista de publicaciones. Pongámoslo a trabajar.

    campo de ubicación en la lista de publicaciones

    Geolocalización de WordPress

    Antes de continuar, si ve el error «Usuario rechazó la solicitud de geolocalización» al intentar agregar una ubicación o ver un mapa, es posible que la configuración de ubicación de su navegador esté impidiendo la geolocalización.

    Verifique la configuración de su navegador en particular para permitir la geolocalización (o al menos permitir que su sitio realice la geolocalización).

    También se puede mostrar un error de geolocalización si su sitio no usa HTTPS. Chrome y Firefox (y muchos otros navegadores) no realizarán la geolocalización en una URL HTTP no segura, ya que consideran que HTTP no es seguro.

    Pero la geolocalización no es la única razón para usar HTTPS. Si su sitio no utiliza un certificado SSL para HTTPS , debe solucionar ese problema.

    Agregar ubicación a una publicación

    Vimos el campo de ubicación en la lista de publicaciones, ahora veamos cómo funciona el campo de ubicación.

    Cuando abre una publicación o página en el editor de WordPress, verá un nuevo enlace de «Ubicación» debajo del editor.

    Estamos usando el editor de WordPress Gutenberg; si está utilizando el editor clásico, el enlace «Ubicación» se encuentra en la parte inferior de la página del editor.

    Enlace "Ubicación"

    Cuando se expande la sección Ubicación, puede ver las opciones disponibles.

    Vamos a añadir una dirección a la publicación. Eso no cambia nada cuando ves la publicación, pero agrega una ubicación. Eso hace que la publicación se pueda buscar por ubicación. Implementaremos esa función de búsqueda en un minuto.

    Introduzca la dirección en el campo Dirección. Alternativamente, puede ingresar coordenadas de latitud y longitud si necesita ingresar una ubicación precisa.

    ingresa la direccion

    Debajo del mapa, hay un botón «Confirmar ubicación». Haz clic en eso.

    haga clic en el botón "Confirmar ubicación"

    El mapa debería cambiar a la ubicación que ingresó y obtendrá un mensaje de «Ubicación confirmada».

    Guarda o actualiza la publicación.

    Ahora, si miras la publicación, verás que nada ha cambiado. Pero en la lista de publicaciones, puede ver que la ubicación se ha agregado a la publicación.

    ubicación añadida a la publicación

    Ahora veamos cómo podemos usar esos datos de ubicación.

    Asignación de una ubicación en un widget

    Uno de los usos más comunes de la geolocalización es mapear una ubicación en un widget.

    En la navegación de la columna izquierda, pase el mouse sobre el enlace «Apariencia» y haga clic en el enlace «Widgets».

    haga clic en el enlace "Widgets"

    En la lista «Widgets disponibles», busque «Geo my WP Single Location».

    Haga clic en el enlace «Geo my WP Single Location».

    haga clic en el enlace "Geo my WP Single Location"

    Como puede ver, «Geo my WP Current Location» y «Geo my WP Search Form» también son opciones de widgets.

    Elija un área de widget (en nuestro ejemplo, el widget estará en el pie de página) y haga clic en el botón «Agregar widget».

    haga clic en el botón "Agregar widget"

    Verá una larga lista de opciones de widgets. Aquí solo estamos cubriendo los conceptos básicos, por lo que agregaremos una ID de publicación al campo «ID de objeto». Esta guía le mostrará cómo encontrar ID de publicación .

    Lo que hará es mostrar la información de ubicación de esa publicación en particular en el widget.

    agregar una identificación de publicación

    Desplácese hacia abajo y haga clic en el botón «Guardar».

    haga clic en el botón "Guardar"

    Ahora el widget muestra un mapa de la ubicación de la publicación que especificamos.

    el widget muestra un mapa de la ubicación

    Si desea mostrar una dirección o el horario comercial junto con el mapa, se configuran en la sección «Ubicación» de la publicación a la que hacemos referencia en el widget. Entonces, para agregar la dirección al widget, edite la publicación que ingresamos en el campo «ID de objeto».

    Hacer que las publicaciones se puedan buscar por ubicación

    Cuando agrega información de ubicación a una publicación o página, se puede buscar automáticamente. Pero tenemos que crear una interfaz que permita a los visitantes realizar búsquedas geográficas.

    En la navegación de la columna izquierda, pase el mouse sobre el enlace «GEO my WP» y haga clic en el enlace «Formularios».

    haga clic en el enlace "Formularios"

    En el menú desplegable «Crear nuevo formulario», seleccione «Localizador de publicaciones».

    Copie el código abreviado que se genera para el formulario.

    copia el código abreviado

    Nuestro shortcode para la búsqueda es [gmw form=”1″] . Para mostrar el formulario de búsqueda, pegue el código abreviado en una página o publicación.

    Aquí, estamos editando la página de muestra y agregando el shortcode.

    agregar el shortcode a una página

    Actualice o guarde la página.

    Ahora, cuando un visitante ingresa su dirección, se genera un mapa que muestra ubicaciones dentro de un cierto radio de su ubicación.

    resultados de búsqueda de ubicación

    Cómo geo-buscar tipos de publicaciones

    Hasta ahora, hemos visto cómo agregar datos de ubicación a publicaciones y páginas y cómo mostrar publicaciones y páginas cerca de una dirección determinada a un visitante del sitio.

    En mi ejemplo original de un blog de viajes, puedes ver cómo esto sería útil. Si un visitante quiere ver todos sus artículos sobre una ciudad o un país, puede encontrarlos con una búsqueda.

    Pero puede hacer que esas búsquedas sean aún más específicas. Hay dos “taxonomías” utilizadas en WordPress: categorías y etiquetas.

    Lo más probable es que ya esté usando categorías y que también esté usando etiquetas. De lo contrario, puede comenzar a usarlos para restringir o clasificar los tipos de búsquedas disponibles para sus visitantes.

    Veamos cómo agregar categoría y selección de etiquetas al formulario de búsqueda que ya creamos.

    En la navegación de la columna izquierda, pase el mouse sobre el enlace «GEO my WP» y haga clic en el enlace «Formularios».

    Haga clic en el enlace «Editar» del formulario.

    haga clic en el enlace "Editar"

    Haga clic en la pestaña «Formulario de búsqueda».

    haga clic en la pestaña "Formulario de búsqueda"

    En la sección «Taxonomías», cambie «Categoría» y «Etiqueta» de «Deshabilitar» a «Desplegable».

    cambiar "Categoría" y "Etiqueta"

    Haga clic en el botón «Guardar cambios».

    haga clic en el botón "Guardar cambios"

    Ahora su formulario de búsqueda tiene dos nuevos menús desplegables, y los visitantes pueden restringir sus resultados de búsqueda eligiendo una categoría y/o etiqueta.

    nuevos menús desplegables de formulario de búsqueda

    Mostrar mis coordenadas actuales

    Si desea mostrar a los visitantes sus coordenadas actuales, puede hacerlo con un widget o un código abreviado en una página o publicación. El método de shortcode es muy flexible, así que lo usaremos para nuestra demostración.

    En su forma más simple, agrega coordenadas de visitantes a una página agregando el código abreviado:

    [ht_message mstyle=”info” title=”” show_icon=”” id=”” class=”” style=”” ][gmw_current_location][/ht_message]

    Ese shortcode se puede extender de varias maneras, puede encontrar los detalles en la documentación del complemento .

    Agreguemos el shortcode a una nueva página.

    donde estoy pagina

    Ahora sus visitantes pueden hacer clic en el ícono de la diana o ingresar una dirección para obtener un mapa de su ubicación actual.

    página de dónde estoy en el sitio

    resultados de la pagina donde estoy

    Qué sucede si desinstala el complemento

    Si desinstala el complemento GEO my WordPress, las páginas y publicaciones que usaron el complemento se verán afectadas. Por ejemplo, los códigos cortos del complemento dejarán de funcionar. Por lo tanto, los códigos abreviados se mostrarán en cualquier lugar donde se hayan utilizado.

    Llevando la búsqueda geográfica más allá

    Hemos cubierto los conceptos básicos para que pueda comenzar aquí. Pero cuando desea realizar un seguimiento geográfico a mayor escala, hay muchas opciones.

    Las búsquedas de categorías y etiquetas se pueden desglosar aún más en taxonomías personalizadas de WordPress .

    Puede crear perfiles geográficos cuando se integra con BuddyPress . Usamos el servicio de mapas gratuito en este tutorial, pero con las API de Google Maps, hay aún más opciones disponibles.

    Es un amplio mundo de posibilidades.

    Hace años participé en un proyecto que publicaba folletos de poesía y los colocaba en libros en librerías de todo el mundo. La gente podría ir a un sitio web y registrar sus hallazgos.

    Pero no teníamos nada como la geolocalización. O teléfonos inteligentes para el caso.

    Entonces, puede imaginar cómo un proyecto como ese podría ser mucho mejor ahora con la tecnología de geolocalización adjunta.

    ¿Ha utilizado alguna tecnología de geolocalización en su sitio web en el pasado? ¿Este artículo le ha dado alguna idea de usos potenciales que no hayamos discutido? Házmelo saber en los comentarios.