Crea una aplicación de tu blog para Chrome fácil

¡Qué tal compis! luego de un mes (y un día) de inactividad en el blog, retomamos hoy el vicio de ser blogger con una entrada interesante y a la vez útil para todos nosotros quienes tenemos un sitio web, ya sea con Blogger, WordPress o cualquier otro CMS o plataforma utilizada.

Se trata de crear una aplicación de nuestro blog, para luego publicarla en la tienda de Google Chrome más conocida como la "Chrome Web Store", además nos servirá para promocionarla en nuestro sitio y que los lectores la instalen en sus navegadores.

¿Suena interesante cierto? pues lo mejor de todo es que no será necesario que tengas conocimientos de programación, ya que el procedimiento es muy sencillo y lo único que precisas es un logo de 128x128, lo demás es pan comido... vamos al lío =)

Creando una aplicación del blog para Chrome

Aclarar primeramente que esta aplicación al igual que la mayoría existentes en la tienda, cumplirá la función de ser un enlace que llevará al usuario a visitar nuestro sitio. Teniendo en cuenta que Google Chrome es uno de los navegadores más utilizados, contar con una extensión/aplicación de nuestro blog, representa una gran ventaja que sin duda alguna mejorará la imagen de tu página ;)

PASO 1. Crea una carpeta en el escritorio (o donde prefieras) y ponle el nombre de tu blog.

Crear carpeta

PASO 2. En esa carpeta crea un archivo de texto con el bloc de notas y cambia el nombre por manifest.json asegúrate de cambiar la extensión .txt por .json


PASO 3. Abre con el bloc de notas ese archivo y pega en él lo siguiente:
{
"manifest_version": 2,
"name": "VicioBlogger.com",
"description": "Descripción de tu blog hasta 132 caracteres",
"version": "1.0",
"icons": {
"128": "128.png"
},
"app": {
"urls": [
"http://www.vicioblogger.com/"
],
"launch": {
"web_url": "http://www.vicioblogger.com/"
}
},
"permissions": [ "unlimitedStorage", "notifications"]
}
Reemplaza lo que está en negrita por el nombre de tu blog, su descripción y la URL. Guarda los cambios para que quede como en la siguiente captura.

Archivo manifest.json

PASO 4. En la carpeta coloca un logo con formato o extensión .png es importante que sus dimensiones sean de 128x128 px y el nombre 128.png


Logo

Con todo esto ya tienes lista tu aplicación :D

Probando la aplicación en Chrome

PASO 1. Ve al menú de extensiones directamente a través de chrome://extensions/ 

PASO 2. Habilita la opción "Modo de desarrollador"

modo desarrollador Chrome

PASO 3. Haz clic en el botón "cargar extensión descomprimida" y selecciona la carpeta que has creado anteriormente.

cargar extensión descomprimida

PASO 4. De inmediato verás la aplicación habilitada y lista para su funcionamiento.


PASO 5. Visita la página de Aplicaciones chrome://apps/ y comprueba tu aplicación.

Aplicación del blog para Chrome

Notarás que te llevará a tu blog, si es así, ya tienes todo listo. Pero, ¿cómo divulgarla?

Publicar tu aplicación en Chrome Web Store

Hemos visto que crear la aplicación ha sido muy sencillo y funciona de manera correcta, por lo que nos resta publicar nuestra aplicación en la tienda de Chrome.

1. Comprime la carpeta en formato .zip
2. Accede al 'Panel del programador'
3. Carga el archivo comprimido y haz clic en el botón subir.
4. Rellena la información de tu aplicación, carga un icono y más.
5. Los demás pasos son intuitivos ;-)

Requisitos para publicar tu aplicación 

  • Pagar una sola vez US$5.00  en concepto de registro del programador para verificar tu cuenta y poder publicar elementos.
  • Tu blog debe estar verificado en Google Webmaster Tools

Una vez cumplido con lo anterior, tu aplicación estará disponible para todos los usuarios y podrás subir cuántas aplicaciones quieras y modificarlas en cualquier momento.

¡Eso es todo! espero que te haya gustado esta información, en una próxima entrada veremos cómo promocionarla en nuestro blog si no contamos con dinero para publicarla en la tienda de Chrome.

9 Comentarios en "Crea una aplicación de tu blog para Chrome fácil"

  1. Respuestas
    1. Me alegra que te haya gustado Luisma, un placer compartir la información :-)

      Borrar
  2. Veo que ya la has creado Pedro, ahí te he dejado mi review positiva, ha quedado muy chula y obviamente la tengo instalada en mi equipo.

    https://chrome.google.com/webstore/detail/te-interesa-sabercom/leefihlbggfiaaplnolhlepcplegccpl?hl=es-419

    ¡Un abrazo!

    ResponderBorrar
  3. Holaaas! Me parece una idea buenísima, es más ya lo he hecho pero al intentar subirlo me dice que falta el archivo de manifiesto o que no se puede leer. Te copio aquí lo que he puesto a ver si me lo puedes corregir porfi
    {
    "manifest_version": 2,
    "name": "VicioBlogger.com",
    "description": "Espacio MUY PERSONAL con debates interesantes",
    "version": "1.0",
    "icons": {
    "128": "128.png"
    },
    "app": {
    "urls": [
    "http://www.suxana.es/"
    ],
    "launch": {
    "web_url": "http://www.suxana.es/"
    }
    },
    "permissions": [ "unlimitedStorage", "notifications"]
    }
    Muchas gracias compi, espero tu respuesta

    ResponderBorrar
    Respuestas
    1. ¡Hola Susana! Qué bueno tenerte por acá, hay un detalle que tienes que modificar primeramente: "name": "VicioBlogger.com", por el nombre que quieras que tenga tu aplicación.

      Respecto al problema para subir el archivo, me parece que está en el formato del archivo, asegúrate que tenga el nombre manifest y la extensión .json quedando así: manifest.json (puede que lo tengas como manifest.json.txt)

      Asimismo, antes de subir tu aplicación a la Chrome Web Store debes comprimir esa carpeta (que contiene el archivo y el logo) en formato ZIP. Esa sería la forma correcta.

      Espero que lo soluciones, cualquier otro detalle no dudes en consultar =)

      Borrar
    2. Jo pues no se lo que pasa, el nombre del archivo está bien puesto: De todas formas más arriba dices de subirlo descomprimida como pone en extensiones justo debajo, pero he probado de todas formas y nada :(

      Borrar
    3. No te preocupes Susana, la he creado por ti, descarga este archivo ya contiene todo, incluyendo instrucciones.

      Fíjate en esta imagen y esta otra, funciona perfectamente :D

      Recuerda que para probar la aplicación en Chrome debes cargar la carpeta, mientras que para subirla a la Chrome Web Store, deberás cargar esa carpeta pero comprimida en formato .ZIP

      Aquí me tienes para ayudar si aún falla algo =)

      Borrar
  4. ahora que estoy empezando mi blog, el tuyo es una bendición para mí!! me gustaría que hagas una entrada de cómo poder ocultar algunas entradas de la portada, entradas como "acerca de mí" y "contacto" pues solo quiero que aparezcan cuando el lector presione la opción que hay para leerlas, gracias!! :3

    ResponderBorrar
    Respuestas
    1. ¡Qué bueno tenerte por acá Vanila! Lo correcto al escribir los menús de "Acerca de mi", "Contacto" y demás, es que lo hagas a través de la opción de "Páginas" (no 'Entradas'), luego copias la URL que se genera por cada página creada y las colocas en la respectiva opción de menú de tu plantilla; en la edición HTML.

      De este modo no aparecen en la portada, sino directo en el menú para el lector. Cualquier duda al respecto aquí me tienes para ayudar :)

      Borrar

¿Comentarios? ¿Dudas? Estaré encantado de responderte (a veces demoro) ツ