{"id":65,"date":"2006-09-09T17:44:37","date_gmt":"2006-09-09T20:44:37","guid":{"rendered":"http:\/\/thuer.com.ar\/blog\/2006\/mostrar-el-pais-de-procedencia-de-los-usuarios-en-wordpress\/"},"modified":"2006-09-09T17:44:37","modified_gmt":"2006-09-09T20:44:37","slug":"mostrar-el-pais-de-procedencia-de-los-usuarios-en-wordpress","status":"publish","type":"post","link":"https:\/\/thuer.com.ar\/?p=65","title":{"rendered":"Mostrar el pa\u00eds de procedencia de los usuarios en WordPress"},"content":{"rendered":"<p>Aprovech\u00e9 recientemente una actualizaci\u00f3n que realic\u00e9 de WordPress para instalar y configurar un plugin que agrega un detalle elegante a nuestro blog: identificar la procedencia del usuario desplegando la bandera de su pa\u00eds en los comentarios. Esto es posible a partir de <a title=\"P\u00e1gina para descargar el plugin y obtener informaci\u00f3n sobre \u00e9l\" href=\"http:\/\/frenchfragfactory.net\/ozh\/archives\/2004\/08\/27\/ip-to-nation-plugin\/\" target=\"_blank\" rel=\"noopener\">IP2Nation WordPress Plugin<\/a>, el cual se puede configurar de manera sencilla en nuestro blog. Veamos los pasos para realizar esto.<\/p>\n<p>Antes de continuar, aclaro que la idea no es m\u00eda sino fue tomada de la propia p\u00e1gina desde la cual se puede descargar el plugin. Dicho esto, manos a la obra.<\/p>\n<p>En primer lugar debemos recopilar los archivos necesarios:<\/p>\n<ul>\n<li><a title=\"Descarga del plugin IP2Nation. Renombrar el archivo con extensi\u00f3n PHP\" href=\"http:\/\/planetozh.com\/blog\/2004\/08\/ip-to-nation-plugin\/\" target=\"_blank\" rel=\"noopener\">Descargar el plugin<\/a> desde el sitio French Frag Factory. Por defecto el nombre es <em>wp_ozh_ip2nation.txt<\/em> pero hay que guardarlo con extensi\u00f3n PHP.<\/li>\n<li><a title=\"Descarga archivo SQL comprimido para agregar a la base de datos\" href=\"http:\/\/www.ip2nation.com\/ip2nation\/Download\" target=\"_blank\" rel=\"noopener\">Un archivo ZIP<\/a> con la informaci\u00f3n que vamos a agregar a la base de datos. Una vez bajado los descomprimimos y obtendremos el archivo <em>ip2nation.sql<\/em>.<\/li>\n<li>Otro <a title=\"Archivo ZIP con m\u00e1s 100 banderas en formato GIF\" href=\"http:\/\/planetozh.com\/blog\/go.php?http:\/\/planetozh.com\/download\/flags.zip\" target=\"_blank\" rel=\"noopener\">ZIP con las banderas<\/a> de cada pa\u00eds en formato GIF.<\/li>\n<\/ul>\n<p><strong>La l\u00f3gica<\/strong><\/p>\n<p>El procedimiento a realizar para mostrar la bandera que identificar\u00e1 el pa\u00eds desde el cual se conecta el usuario seg\u00fan su direcci\u00f3n IP es sencillo. El plugin que bajamos nos permite trabajar con dos nuevas funciones en WordPress.<\/p>\n<ul>\n<li><strong><em>wp_ozh_getCountryName()<\/em> : <\/strong>Devuelve el nombre del pa\u00eds en ingles (Argentina, Spain, Uruguay, etc.)<\/li>\n<li><strong><em>wp_ozh_getCountryCode()<\/em> :<\/strong> Devuelve las dos letras con el dominio que identifica al pa\u00eds (ar, es, uy, etc.)<\/li>\n<\/ul>\n<p>A partir de la informaci\u00f3n que agregamos a la base de datos, podemos realizar las direcciones IP con el pa\u00eds al cual est\u00e1 asignada. Las selecci\u00f3n de la bandera correspondiente se hace sobre la base del nombre del archivo, puesto que su terminaci\u00f3n est\u00e1 codificada con las dos letras que corresponden al dominio del pa\u00eds (flag_ar.gif, flag_es.gif, flag_uy.gif, etc.).<\/p>\n<p>Veamos los pasos a seguir ahora<\/p>\n<p><strong>1. Instalar el plugin <\/strong><\/p>\n<p>Muy sencillo. Bajamos el archivo, lo guardamos con extensi\u00f3n PHP y como siempre los subimos a nuestro blog en el directorio <strong>wp-content\/plugins<\/strong>. Luego entramos en la administraci\u00f3n y lo activamos.<\/p>\n<p><strong>2. Agregar informaci\u00f3n a la base de datos<\/strong><\/p>\n<p>Tambi\u00e9n muy sencillo si contamos con un administrador de base de datos. Con phpMyAdmin es muy f\u00e1cil: simplemente seleccionamos ejecutar una consulta SQL, buscamos el archivo y le indicamos que lo procese. Hay que tener en cuenta que el archivo pesa 1,5 MB m\u00e1s o menos por lo que el proceso puede tardar algunos minutos.<\/p>\n<p>Como resultado veremos que en la base de datos hay dos nuevas tablas:  <em>ip2nation<\/em> y <em><span class=\"tblItem\"> ip2nationCountries<\/span><\/em>.<\/p>\n<p><strong>3. Subir las banderas<\/strong><\/p>\n<p>Al descomprimir el ZIP obtendremos una carpeta flag con m\u00e1s de 100 archivos. Podemos subirlo en el lugar del blog que m\u00e1s nos guste. En mi caso, para mantener todo ordenado lo puse dentro de la carpeta <em>images <\/em>de mi plantilla. Es decir que la ruta qued\u00f3: <em>blog\/wp-content\/themes\/mitema\/images\/flags<\/em>. Es importante recordar bien la ruta ya que es fundamental para el paso que sigue.<\/p>\n<p><strong>4. Modificar el archivo <em>comments.php<\/em> <\/strong><\/p>\n<p>Lo que \u00edbamos a hacer es colocar la bandera que corresponde al pa\u00eds desde el cual se conecta el usuario al lado de su nombre. Tendremos que buscar esta informaci\u00f3n en el archivo de comentarios, generalmente <em>comments.php.<\/em><\/p>\n<p>Lo abrimos con nuestro editor favorito y buscamos la porci\u00f3n del c\u00f3digo donde se encuentra la variable <em>$author<\/em>,  que es la que almacena el nombre de quien escribe el comentario. A continuaci\u00f3n insertamos el siguiente c\u00f3digo basado en las funciones que hab\u00eda mencionado antes:<\/p>\n<pre lang=\"php\">\n<?php\necho '<img decoding=\"async\" alt=\"your flag\" src=\"\/images\/flags\/flag_'.wp_ozh_getCountryCode(0,$comment->comment_author_IP).'.gif\">' ;\n?>\n<\/pre>\n<p>Lo m\u00e1s importante ac\u00e1 es determinar correctamente la ruta donde est\u00e1n las banderas. Si tenemos dudas usar la direcci\u00f3n absoluta, por ejemplo: <em>&#8216;http:\/\/www.misitio.com\/blog\/wp-content\/themes\/mitema\/images\/flags\/flag_&#8217;<\/em><\/p>\n<p><strong>5. Testear<\/strong><\/p>\n<p>Una vez que todo este listo y el archivo <em>comments.php<\/em> con las modificaciones est\u00e9 subido s\u00f3lo nos queda verificar que todo funcione bien. Para ello podemos ingresar a nuestro blogs a trav\u00e9s de proxies de diferentes pa\u00edses y agregar comentarios para comprobar que funcione. Buscando en Google encontr\u00e9 esta <a title=\"Listado de servidores proxy de acceso libre\" href=\"http:\/\/www.proxy-list.net\/anonymous-proxy-lists.shtml\" target=\"_blank\" rel=\"noopener\">lista de servidores proxy abiertos<\/a>. Luego s\u00f3lo queda configurar el navegador y hacer las pruebas. Los resultados, aqu\u00ed abajo.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Aprovech\u00e9 recientemente una actualizaci\u00f3n que realic\u00e9 de WordPress para instalar y configurar un plugin que agrega un detalle elegante a nuestro blog: identificar la procedencia del usuario desplegando la bandera de su pa\u00eds en los comentarios. Esto es posible a partir de IP2Nation WordPress Plugin, el cual se puede configurar de manera sencilla en nuestro &#8230; <\/p>\n<p class=\"read-more-container\"><a title=\"Mostrar el pa\u00eds de procedencia de los usuarios en WordPress\" class=\"read-more button\" href=\"https:\/\/thuer.com.ar\/?p=65#more-65\" aria-label=\"M\u00e1s en Mostrar el pa\u00eds de procedencia de los usuarios en WordPress\">Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":"","footnotes":""},"categories":[21,250],"tags":[415],"class_list":["post-65","post","type-post","status-publish","format-standard","category-blog","category-wordpress","tag-wordpress","generate-columns","tablet-grid-50","mobile-grid-100","grid-parent","grid-50","entry"],"featured_image_src":null,"featured_image_src_square":null,"author_info":{"display_name":"Sebasti\u00e1n Th\u00fcer","author_link":"https:\/\/thuer.com.ar\/author\/diseno-web"},"_links":{"self":[{"href":"https:\/\/thuer.com.ar\/index.php?rest_route=\/wp\/v2\/posts\/65","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thuer.com.ar\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/thuer.com.ar\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/thuer.com.ar\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/thuer.com.ar\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=65"}],"version-history":[{"count":0,"href":"https:\/\/thuer.com.ar\/index.php?rest_route=\/wp\/v2\/posts\/65\/revisions"}],"wp:attachment":[{"href":"https:\/\/thuer.com.ar\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=65"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/thuer.com.ar\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=65"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/thuer.com.ar\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=65"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}