Siempre que necesite agregar funcionalidad a su tema, lo primero que debe hacer es buscar un complemento que pueda hacer el trabajo por usted. El uso de un complemento facilitará el cambio de 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 excelente complemento gratuito para cada situación, pero a veces simplemente no hay una buena solución. En estos casos, no tienes más remedio que ensuciarte las manos y codificar algo tú mismo. Sin embargo, editar archivos de temas y crear complementos personalizados puede resultar una tarea abrumadora.
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 á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.
La mejor manera de construir una relación con sus visitantes es hacer que se suscriban a su blog. La creación de lectores 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 configure Feedburner, deberá brindarles a sus visitantes una forma de suscribirse. La mejor manera de hacer esto 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 de los cuales está justo debajo de cada una de sus publicaciones. Si un visitante ha leído su artículo completo, entonces hay una buena posibilidad de que esté interesado en su blog y se esté suscribiendo.Hay algunos complementos de Feedburner, pero no pude encontrar uno que colocara 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 en la parte inferior de sus publicaciones, antes de los comentarios» en la pestaña ePanel > Integración . Agregue el siguiente código mientras reemplaza » BLOGNAME » con el nombre de su sitio web de Feedburner.
|
01
02
03
04
05
06
07
08
09
|
<div style="clear: both; width: 100%; text-align: center;"><h3>Subscribe To Our 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> |
Existen muchos complementos para compartir en redes sociales , pero a veces simplemente no son exactamente lo que está buscando. Otra opción es incrustar los íconos para compartir en redes sociales manualmente usando nuestras pestañas de Integración. En este ejemplo, repasaré cómo integrar los íconos de AddThis sin usar su complemento. Esta misma técnica también podría aplicarse a otros servicios, o al código que haya creado usted mismo.
Puede ir a AddThis.com para crear su propia barra social para compartir. Una vez que haya pasado por el proceso de creación, el sitio web le dará un código que debe incrustarse 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 dado que, según el diseño y los botones que elija, se verá así:
|
01
02
03
04
05
06
07
08
09
10
11
|
<!-- 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 agregados, los íconos para compartir aparecerán en cada página de su sitio web.
Agregar anuncios en la parte superior de las publicaciones
A veces querrá colocar anuncios en la parte superior de sus publicaciones. Esta 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 a veces 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á utilizando Adsense, entonces podría verse así:
|
01
02
03
04
05
06
07
08
09
10
11
12
13
14
|
<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 en la parte superior 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 al final de sus publicaciones, antes de los comentarios» .
Instalación de servicios de análisis de sitios web
Hay muchos sitios de seguimiento que puede usar para recopilar datos sobre sus visitantes. Cada vez que utilice estos servicios, deberá copiar y pegar un fragmento 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 , localice “Agregar código al <head> de su blog”campo y pegue el código que Google le ha dado. Se verá algo como esto:
|
01
02
03
04
05
06
07
08
09
10
11
12
13
|
<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, ya está! Google ahora rastreará a cada visitante que acceda a cualquier página de su sitio web. Este mismo método también se puede aplicar a otros servicios, o a cualquier código que deba integrarse en todo el sitio en el encabezado de su página.
Aplicación de estas técnicas a otros servicios
Hay muchas otras formas en que se pueden usar estos ajustes de integración. Esperamos que estos ejemplos, incluso si no fueran aplicables a su sitio web, muestren cómo se pueden integrar características similares.