x
Tutoriales para hacerte un Experto en Joomla

A nosotros tampoco nos gusta el spam.

Insertar botones de redes sociales en Joomla 2.5

Publicado por BIAlita en Joomla
Redes Sociales  Joomla
5.0 de 5 basado en 2 voto(s)
  / 2
PocoMucho 

En el artículo anterior "Configurar plugins de las redes sociales en Google Analytics" les muestro qué código necesitan agregar a su sitio web para que Google Analytics comience a brindar información del contenido compartido en las redes sociales.

Utilizaremos la técnica de override para insertar cualquier botón en los artículos de Joomla!® 2.5

 

Override en Joomla.

Es una técnica para sobreescribir un módulo, template o componente en Joomla!®, sin alterar el código fuente original, de esta forma podemos actualizar Joomla!® y no perderemos los cambios que hayamos realizado, un ejemplo de esto es el módulo de login o el componente de contacto.

 

Override a los artículos de Joomla

En esta publicación sólo agregaremos el código para los botones de Google plus, Suscribirme (Facebook), Twitter y Linkedin y el código para ver sus acciones en Google Analytics.

a. Dentro del código de Joomla, copiamos el contenido del archivo

components > com_content > views > article > tmpl > default.php

b. Creamos la siguiente ruta si es que no existe en tu plantilla joomla y pegamos el código previamente copiado:

templates > mitemplate > html > com_content > article > minuevoarticulo.php

c. Agregamos el código de los botones antes del código que acabamos de pegar.

<html>
<head>
</head>
<body>
<div class="socialmedia">
<!-- Google +. -->
<script type="text/javascript">
(function() {
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();
</script>
<g:plusone size="tall" annotation="bubble"></g:plusone>
<!-- Facebook. -->
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/es_LA/all.js#xfbml=1&appId=300609063298669";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-subscribe" data-href="http://www.facebook.com/TU_URL" data-layout="box_count" data-show-faces="true" data-width="450"></div>
<!-- Twitter. -->
<a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical">Tweet</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
<!-- Linkedin. -->
<script src="//platform.linkedin.com/in.js" type="text/javascript"></script>
<script type="IN/Share" data-counter="top"></script>
</div>
</body>
</html> 

d. En el archivo index.php de nuestra plantilla, dentro de la etiqueta <head> agrego el código de seguimiento que proporciona Google Analytics.

e. En el administrador de Joomla!®, creamos o seleccionamos el artículo donde queremos ver los botones de las redes sociales, y seleccionamos el archivo de esta forma:  en la pestaña Opciones Artículo > Diseño Alternativo > minuevoarticulo.php

 

Video

Pueden ver la demostración en el siguiente video.

 

Te agradecería nos regalaras un +1 o votaras el artículo en la parte superior para seguir creando contenidos interesantes

 

Soy CEO de . Fundadora y co-administradora del grupo Joomla en México, también cuento con un Canal de YouTube sobre SEO Joomla y Wordpress que te invito visitar. Estoy certificada en Google Adwords y Google Analytics. Sígueme en mi perfil de Google + y salúdame para conocerte.

x
Tutoriales para hacerte un Experto en Joomla

A nosotros tampoco nos gusta el spam.