Siempre que necesite agregar funcionalidad a su tema, lo primero que debe hacer es buscar un plugin que pueda hacer el trabajo por usted. Usar un plugin hará que sea más fácil cambiar los temas en el futuro, y a menudo se mantienen para usted, lo que significa menos trabajo de su parte. En un mundo perfecto, habría un gran plugin gratuito para cada situación, pero a veces simplemente no hay una buena solución. En estos casos, no tiene más remedio que ensuciarse las manos y codificar algo usted mismo. La edición de archivos de temas y la creación de plugins personalizados, sin embargo, puede resultar una tarea desalentadora.
Es por eso que agregamos la pestaña «Integración» en nuestras Opciones de tema de ePanel. ¡Esta pestaña le permite agregar código personalizado a las áreas clave de su tema sin tener que editar ningún archivo usted mismo! Además, estos cambios se guardan en la base de datos, lo que significa que nunca se pierden cuando actualiza su tema. Repasemos algunas formas creativas en las que podemos usar esta función.
Agregar un formulario de suscripción de Feedburner a las publicaciones
La mejor forma de construir una relación con sus visitantes es hacer que se suscriban a su blog. Crear un lector de RSS y correo electrónico es imprescindible para cualquier publicación en línea. Hay muchas opciones, pero una de las gratuitas más populares es Google Feedburner. Una vez que haya configurado Feedburner, deberá brindar a sus visitantes una forma de suscribirse. La mejor manera de hacerlo es permitirles suscribirse por correo electrónico a través de un formulario en línea. Este formulario debe colocarse en su sitio web en una ubicación privilegiada, mi favorito está justo debajo de cada una de sus publicaciones. Si un visitante ha leído su artículo completo, entonces existe una buena posibilidad de que estén interesados en su blog, y que quieran suscribirse. Hay algunos complementos de Feedburner por ahí, pero no pude encontrar uno que coloque el formulario de suscripción en la ubicación correcta.
Para agregar un formulario de suscripción en la parte inferior de sus publicaciones, puede usar el campo «Agregar código al pie de sus publicaciones, antes de los comentarios» en la pestaña ePanel> Integración. Agregue el siguiente código al reemplazar «BLOGNAME» con su nombre de sitio web Feedburner.
< div style = "clear: both; width: 100%; text-align: center;" > |
< h3 >Subscríbete a nuestro Blog</ h3 > |
< form style = "padding:10px;text-align:center;" action = "http://feedburner.google.com/fb/a/mailverify" method = "post" target = "popupwindow" onsubmit = "window.open('http://feedburner.google.com/fb/a/mailverify?uri=freewordpresslayoutsblog',
‘popupwindow’, ‘scrollbars=yes,width=550,height=520’);return true» |
< input type = "text" placeholder = "email address" style = "width:50%; padding: 10px 20px;" name = "email" /> |
< input type = "hidden" value = "BLOGNAME" name = "uri" /> |
< input type = "hidden" name = "loc" value = "en_US" /> |
< input style = "width: 20%; background-color: #5cbeda; border: none; padding: 10px 20px; color:#fff; font-weight: bold; margin-left: 20px;" type = "submit" value = "Subscribe" /> |
</ form > |
</ div > |
Agregar iconos compartidos flotantes a su sitio web
Hay muchos plugins para compartir en redes sociales, pero a veces simplemente no son exactamente lo que estás buscando. Otra opción es insertar manualmente los íconos de uso compartido de redes sociales usando nuestras pestañas de Integración. En este ejemplo, voy a repasar cómo integrar los íconos AddThis sin usar su complemento. Esta misma técnica podría aplicarse a otros servicios también, o a un código que usted mismo haya creado.
Puede ir a AddThis.com para crear su propia barra de intercambio social. Una vez que haya pasado por el proceso de creación, el sitio web le dará un código que debe integrarse en el CUERPO de su sitio web. Para esto, podemos usar el campo «Agregar código al <cuerpo>» en la pestaña ePanel> Integración. Simplemente pegue el código que, según el diseño y los botones que elija, se verá más o menos así:
<!-- AddThis Button BEGIN --> |
< div class = "addthis_toolbox addthis_floating_style addthis_32x32_style" style = "left:50px;top:50px;" > |
< a class = "addthis_button_preferred_1" ></ a > |
< a class = "addthis_button_preferred_2" ></ a > |
< a class = "addthis_button_preferred_3" ></ a > |
< a class = "addthis_button_preferred_4" ></ a > |
< a class = "addthis_button_compact" ></ a > |
</ div > |
< script type = "text/javascript" >var addthis_config = {"data_track_addressbar":true};</ script > |
< script type = "text/javascript" src = "//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-52670fbb0a2b8f78" ></ script > |
<!-- AddThis Button END --> |
Una vez agregado, los íconos de compartir aparecerán en cada página de su sitio web.
Agregar anuncios en la parte superior de las publicaciones
A veces querrás colocar anuncios en la parte superior de tus publicaciones. Este es un área de visualización privilegiada con un alto compromiso, y a menudo se venderá bien. Existen muchas redes publicitarias, como Google Adsense y BuySellAds, y en ocasiones es difícil encontrar un complemento que coloque su anuncio en el lugar correcto. En estos casos, nuestra pestaña Integración puede ser útil. Dependiendo de su red publicitaria, se le dará un fragmento de código para agregar a su sitio web. Si está usando Adsense, podría verse más o menos así:
< div style = "width: 100%; text-align-center;" > |
< script type = "text/javascript" > |
google_ad_client = "pub-"; |
google_ad_width = 728; |
google_ad_height = 90; |
google_ad_format = "728x90_as"; |
google_ad_type = "text_image"; |
google_color_border = "FFFFFF"; |
google_color_bg = "0000FF"; |
google_color_link = "FFFFFF"; |
google_color_text = "000000"; |
google_color_url = "008000"; |
google_ui_features = "rc:0"; |
</ script >< script type = "text/javascript" src = "http://pagead2.googlesyndication.com/pagead/show_ads.js" ></ script ></ div > |
Este código se puede colocar dentro del campo «Agregar código al principio de sus publicaciones» dentro de la pestaña ePanel> Integración. Una vez agregado, su anuncio se mostrará en cada publicación antes del contenido de la publicación. También puede agregar anuncios debajo de sus publicaciones usando el campo «Agregar código en la parte inferior de sus publicaciones, antes de los comentarios».
Instalar servicios de analítica web
Existen muchos sitios de seguimiento que pueden usar los datos recopilados sobre sus visitantes. Cada vez que utilice estos servicios, deberá copiar y pegar y un trozo de código en cada página de su sitio web, y no siempre hay un complemento para el servicio particular que está utilizando. Un ejemplo de un sitio web de seguimiento es Google Analytics, que es una excelente manera de observar las estadísticas de tráfico de su sitio web. Para instalar Google Analytics en su sitio web, primero debe colocar el código de seguimiento en cada página de su sitio web. Esto se puede hacer fácilmente usando el área de integración BODY en ePanel. En la pestaña ePanel> Integración, busque el campo «Agregar código al <encabezado> de su blog» y pegue el código que Google le ha proporcionado. Se verá algo como esto:
<script type= "text/javascript" > |
var _gaq = _gaq || []; |
_gaq.push([ '_setAccount' , 'ACCOUNT' ]); |
_gaq.push([ '_trackPageview' ]); |
( function () { |
var ga = document.createElement( 'script' ); ga.type = 'text/javascript' ; ga.async = true ; |
ga.src = ( 'https:' == document.location.protocol ? 'https://ssl' : 'http://www' ) + '.google-analytics.com/ga.js' ; |
var s = document.getElementsByTagName( 'script' )[0]; s.parentNode.insertBefore(ga, s); |
})(); |
</script> |
Eso es todo, ¡listo! Google ahora rastreará a cada visitante que acceda a cualquier página de su sitio web. Este mismo método se puede aplicar también a otros servicios, o a cualquier código que deba integrarse en todo el sitio en el encabezado de su página.
Aplicando estas técnicas a otros servicios
Existen otras formas en que estas configuraciones de Integración pueden ser utilizadas. Es de esperar que estos ejemplos, incluso si no fueran aplicables a su sitio web, muestren cómo se podrían integrar características similares.
Cómo obtener ayuda
No dude en ponerse en contacto con nosotros en Soporte si necesita ayuda.