Posts Tagged ‘wordpress’

Google Analytics es un servicio gratuito de estadísticas de sitios web. Ofrece información agrupada según los intereses de tres tipos distintos de personas involucradas en el funcionamiento de una página: ejecutivos, técnicos de marketingwebmasters.

Si tenemos nuestra cuenta Google con Analytics y añadimos nuestro blog ahí podremos ver qué tanto nos visitan. Nos muestra la cantidad de visitas a las páginas de nuestro sitio web, de dónde llegan, etc. Es muy bueno si estás interesado en saber el movimiento de tu sitio web.

Nuestro blog también tiene su presencia en internet y si lo actualizamos quiere decir que estamos interesados en conocer qué tanto la gente nos lee. Para hacernos la vida más fácil, en WordPress hay un plugin llamado Google Analytics for WordPress. Claro que si tienes acceso puedes editar el código de tu theme del blog e insertar el código de Analytics directamente 😀

Se los recomiendo mucho usar, todo lo que nos muestra sobre nuestros sitios web es excelente.

Si queremos tener funcionando este plugin hay que hacer lo siguiente:

  1. Ir a http://www.google.com/analytics/
  2. Dar click en Acceder a Google Analytics.
  3. Iniciar sesión con una cuenta Google (Gmail, etc.). O si no tienes una cuenta puedes crear una nueva.
  4. Una vez que nos hayamos registrado en Analytics podemos crear el perfil de nuestro blog, veremos esto y lo completan de la misma forma :p. Recuerden que esto funciona con cualquier sitio web que tengamos.
  5. Damos click en Siguiente y ahora nos piden ingresar nuestro nombre, apellido y país.
  6. Aceptamos los términos de servicio y damos click en Crear cuenta nueva.
  7. En la siguiente pantalla ya nos dan el código para rastrear nuestro blog. Damos click en Guardar y Terminar (Save and finish).
  8. Ahora nos vamos a nuestro blog, sitio web, etc. El código del Analytics debe ir en el código de nuestra página, antes de finalizar el tag <head> osea antes de </head>. Pero como en nuestro blog ya tenemos este plugin Google Analytics for WordPress, lo único que hacemos es ir a la sección de plugins y activarlo.
  9. Una vez activado lo debemos configurar, vamos a las opciones del plugin. Un nuevo link llamado Google Analytics nos aparece debajo de Opciones en nuestro administrador de WordPress.
  10. Ahora lo único que tenemos que hacer es seleccionar nuestro Account y Profile que ya hemos creado para que empiece a rastrear y damos click en Authenticate with Google.
  11. Das ist alles.

Ahora le damos un poquito de tiempo a Analytics para que empiece a rastrear, ya después de un día podremos ver los resultados desde que pusimos el código y así ya podemos ver que tanto movimiento tiene nuestro blog 😀

Si es que nos da algún error, podemos usar la opción “Manually enter your UA code” y ahí podremos ingresar directamente el código de nuestro perfil de Analytics, vamos al administrador de Analytics y ahi lo vemos, es el que está con el marco rojo:

Copiamos todo el código y lo pegamos en el espacio creado para insertar el código.

Posted by on Diciembre 22, 2010

Éste plugin les permitirá mostrar los últimos comentarios realizados en nuestro blog de una manera muy simpática:

picture-2

1. Lo que hay que hacer es ir a la sección de Plugins dentro del administrador de nuestro blog:

picture-4

2. Una vez aquí buscamos en la lista de Plugins no instalados el que se llame WP-RecentComments

picture-3

Y del lado derecho se le da click en el botón Activar.

3. Ahora vamos a la sección de Widgets.

picture-5

4. En la sección de Widgets, vemos en el lado izquierdo la lista de widgets disponibles y buscamos el mismo WP-RecentComments y damos click en Crear.

picture-6

5. Ahora podemos ver del lado derecho el nuevo widget añadido, damos click en Editar para revisar las opciones:

picture-8

Tal y como ven ahí es como tengo yo, pueden revisar las opciones y acomodarlas a su gusto. Una vez hecho todos los cambios damos click en Hecho y luego Guardar Cambios.

—-

Si aún no tienes avatar (la imágen que se usa en los comentarios), asegúrate de seguir este tutorial:

http://blog.espol.edu.ec/yunie/2009/01/07/avatar-propio-en-wordpress/

Posted by on Noviembre 8, 2009

He estado recibiendo algunos correos y comentarios que me preguntan cómo hice para tener mis actualizaciones de Twitter en mi blog.

Antes que nada, si no saben qué es Twitter, pueden leer esto.

Quiero comentar sobre un nuevo plugin disponible en el sistema de WordPress de la ESPOL, que se llama Twitter for WordPress.

Es la manera más sencilla de mostrar sus actualizaciones de Twitter en el blog, lo único que hay que hacer es:

1. En la administración de nuestro blog, vamos a la sección de Plugins.
2. Ahí buscamos el que dice “Twitter for WordPress” y al lado derecho le damos click en Activar.
3. Vamos a la sección de Widgets de nuestro blog.
4. Ahí del lado izquierdo en los Widgets disponibles, buscamos el que dice Twitter #1 y le damos click en Crear.
5. Abrimos el recientemente creado Widget para editar sus opciones y las llenamos según nos corresponda:

ocpiones

El Number of Links se refiere a la cantidad de Tweets que quieran mostrar.
6. Una vez hechos todos los cambios, damos click en Hecho y guardamos los cambios.

Con esto, nos quedará así:

tweet2

Y listo 😀

Tuve que borrar la otra forma de poner el twitter en nuestro blog puesto que está presentando problemas. Así que mejor quedémonos con esta.

Posted by on Julio 11, 2009

En la nueva versión de WordPress que estamos usando con los blogs ESPOL, también nos incluyeron una buena selección de plugins.

¿Qué son los plugins?

Son pequeñas extensiones que añaden alguna nueva funcionalidad a nuestro sistema.

Si entramos a la administración de nuestro blog, veremos del lado izquierdo algunas opciones, para ver los plugins que tenemos disponibles damos click en la opción Plugins del menu izquierdo.

widgets

En mi caso yo ya tengo activados algunos, ahí pueden ver los nombres de los plugins y una pequeña descripción de lo que hacen del lado derecho del nombre. Pueden activar los que les parezcan más útiles 😀

Ahora mencionaré 2 plugins: WP-Cumulus y ShareThis.

Es muy sencillo, en la sección de plugins disponibles como la imágen anterior podrán buscar al menos estos dos que les menciono y fijense que del lado derecho después de la descripción hay un botón de “Activar”. Les pueden dar click en Activar a WP-Cumulus y ShareThis.

ShareThis

Con esto el ShareThis ya lo tendrán habilitado. ¿Qué es eso? ShareThis es un nuevo botón que se añadirá automaticamente a cualquier post que ustedes hagan en su blog que proporcionará facilidades a las personas que los lean, ya que si les parece que la noticia que ustedes escribieron es muy buena y quieren compartirla, dando click a ese botón podrán hacerlo a muchas redes como Facebook, Twitter, Digg, etc. Osea muy útil 😀

Así es como verán ahora cada uno de sus posts, con el botón ShareThis y ahí en la imágen salen las opciones disponibles para compartir el post.

share

Después de habilitarlo, visitan la página web http://sharethis.com/ ahí creen una cuenta. Una vez creada, ahí podrán personalizar su botón y generar el código.

Cuando ya tengan este código, vayan nuevamente a la sección de Plugins en la administración de sus blogs, y en el de ShareThis en la descripción hay un vínculo que los llevará a la configuración del plugin:

Let your visitors share a post/page with others. Supports e-mail and posting to social bookmarking sites. Configuration options are here. Questions on configuration, etc.? Make sure to read the README. Por ShareThis.

Aquí pueden pegar el código que generaron antes, y señalar las opciones

Automatically add ShareThis to your posts?
Automatically add ShareThis to your pages?

Para que el botón aparezca automáticamente.

WP-Cumulus

Este plugin sirve para ver de una manera diferente todas las etiquetas o tags que hemos usado en nuestros posts, para mi parecer, se ve mucho mejor y ordenado de esta manera:

nubeetiquetas

Una vez que se haya activado este plugin en la sección de Plugins disponibles, nos vamos ahora a la sección de widgets:

widgets

Ahí veremos que ahora nos aparece un nuevo widger llamado WP-Cumulus que será nuestra nube de etiquetas. Le damos click en Añadir (add). Luego cuando se nos haya ido a la derecha como los demas cuadros azules lo podemos Editar y asi ver todo lo que ofrece:

widgets

Si ven en la imágen está como yo lo tengo ahora, normalmente les viene con un fondo blanco pero ahí está la linda opción para habilitar trasparencia 😀 Le dan click en Done (Hecho) y listo 😀 tienen activados 2 muy buenos plugins.

Posted by on Mayo 20, 2009

En vista de que varias personas me preguntan como pongo los Blogs recomendados y video de la semana en la barra de la derecha del blog, aqui pongo un tutorial de como hacerlo para que todos puedan 😀

Todo se hace con widgets de texto. Van al administrador de su blog, click en Disenio-> Widgets. Como poner un widget de texto? Click aqui.

Para poner los Blogs recomendados es el siguiente codigo.

<table border=”0″><tbody><tr><td><a href=”URL-DEL-BLOG” target=”_blank”> <img src=”URL-DE-IMAGEN” border=”0″ alt=”NOMBRE” hspace=”10″ vspace=”10″ width=”50″ height=”50″ /></a></td><td><a href=”URL-DEL-BLOG” target=”_blank”> NOMBRE-DEL-BLOG</a></td></tr></tbody></table>

Lo unico que tienen que hacer es reemplazar lo que he puesto de URL-DE-IMAGEN, NOMBRE, URL-DEL-BLOG, NOMBRE-DEL-BLOG con los datos correspondientes y listo. Este codigo es para poner uno solo, pero si quieren mas solo repiten

<tr><td><a href=”URL-DEL-BLOG” target=”_blank”> <img src=”” border=”0″ alt=”NOMBRE” hspace=”10″ vspace=”10″ width=”50″ height=”50″ /></a></td><td><a href=”URL-DEL-BLOG” target=”_blank”> NOMBRE-DEL-BLOG</a></td></tr>

Cuantas veces quieran. Solo asegurense que este entre las etiquetas table y tbody.

Y si por ejemplo quieren poner mi blog como recomendado, copien exactamente esto:

<table border="0"><tbody><tr><td><a href="http://blog.espol.edu.ec/yunie/" target="_blank">
<img src="http://blog.espol.edu.ec/yunie/files/2009/03/14671.jpeg" border="0" alt="Yunie" hspace="10"
vspace="10" width="50" height="50"
/></a></td><td><a href="http://blog.espol.edu.ec/yunie/"
target="_blank"> El Blog de Yunie</a></td></tr></tbody></table>

Video de la semana

Buscamos un video de Youtube que queramos y copiamos el codigo que dice embed. En mi caso usare este:

<object width=”480″ height=”385″><param name=”movie” value=”http://www.youtube.com/v/3gA-EzN3HPY&hl=en&fs=1″></param><param name=”allowFullScreen” value=”true”></param><param name=”allowscriptaccess” value=”always”></param><embed src=”http://www.youtube.com/v/3gA-EzN3HPY&hl=en&fs=1″ type=”application/x-shockwave-flash” allowscriptaccess=”always” allowfullscreen=”true” width=”480″ height=”385″></embed></object>

Ahora si lo ponemos asi nomas sera muy grande, asi que hay que cambiarle los parametros de width y height. Yo le se poner width=”200″ y height=”170″ para que quede del tamanio que tengo, entonces el codigo me quedaria asi:

<object width=”200″ height=”170″><param name=”movie” value=”http://www.youtube.com/v/3gA-EzN3HPY&hl=en&fs=1″></param><param name=”allowFullScreen” value=”true”></param><param name=”allowscriptaccess” value=”always”></param><embed src=”http://www.youtube.com/v/3gA-EzN3HPY&hl=en&fs=1″ type=”application/x-shockwave-flash” allowscriptaccess=”always” allowfullscreen=”true” width=”200″ height=”170″></embed></object>

Ahi puse en negritas donde no mas le cambie el numero, son 2 width y 2 height.

Y listo 😀 Cualquier duda dejenla en los comentarios ^^

Posted by on Marzo 5, 2009

Primero que nada, como todos sabran ya, aqui en la Espol estamos usando el sistema de blogs de WordPress, asi que, para darle un toque mas personal a todos los comentarios que escribamos en los blogs WordPress de nuestros amigos, podemos hacer que salga nuestro propio avatar o foto personal en cada comentario en lugar de los generados automaticamente.

Como hacerlo? Simple, ya lo explico 😀

Primero hay que registrarse en el sitio web de Gravatar, el sitio web de Gravatar es,

http://en.gravatar.com/

O si quieren la direccion directa al registro,

http://en.gravatar.com/site/signup/

Entonces lo unico que les pediran aqui es su correo ********* OJO ********* El correo que pongan aqui debe ser exactamente el mismo que usan en WordPress, por ejemplo, en nuestro caso para crear nuestros blogs Espol usamos nuestra cuenta de Espol, entonces el correo que pondremos aqui debe ser nuestro usuario@espol.edu.ec

Ahi quedara nuestro email como primario, y saldra para subir una foto que usaremos como avatar, y confirmas que quieres usar esa imagen para tu correo y listo 😀

Asi quedara cada comentario suyo que publiquen en un blog WordPress, esta imagen es la que subi yo:

Espero les sea util esto 😀

Etiquetas: , , , ,

Posted by on Enero 7, 2009

 
Ir a la barra de herramientas