JQuery Mobile + Adsense

Hace mucho tiempo intentaba insertar publicidad de Adsense. Nunca me funciono.

Hoy hay muchas formas de hacerlo. Scripts de java, iframes, entre muchas otras formas. Unos complejos, otros mas complejos. Algunos me funcionaron otros no. Hoy nuevamente decidí investigar si los señores de Jquery y Google Adsense habían al fin decidido facilitarnos la vida a los desarrolladores. O si alguien había inventado o descubierto una forma sencilla de insertar publicidad de Adsense en una pagina creada con JQuery. ¿Saben que? Nada! Lei decenas de paginas y nada! Soluciones complicadas de implementar. Soluciones que dañan el diseño de la pagina, bloquean la ejecución de scripts. Perdí toda la tarde. Finalmente cansado me sente frente al editor de código (Sublime Text 3) Escribi un par de “funciones” edite un par del lineas del archivo de estilos .css Alcance a ver un tris de luz al final del túnel. Las lineas escritas y los resultados que vi en el navegador me dieron una par de ideas. Para no entrar en detalles complejos del diseño u otros detalles simplemente les dejare el código fuente y una sencilla explicación de como implementarlo en paginas que emplean JQuery Mobile.

Lo primero que debo aclarar es que aunque el código, lo escribí en php, lo único que ud necesita para que pueda insertar su publicidad en la pagina es el código html. el cual también encontrara al final de este articulo.

La primera función, genera el código necesario para un anuncio de Adsense.

 

function adsense(){
	$publicidad = '<div class="center">';
	$publicidad .= '<script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
	<!-- 468x60 -->
	<ins class="adsbygoogle" style="display:inline-block;width:468px;height:60px" data-ad-client="ca-pub-7363503185257760" data-ad-slot="9448496061"></ins>
	<script>
	(adsbygoogle = window.adsbygoogle || []).push({});
	</script>';
	$publicidad .= '</div>';
	return $publicidad;
}

Puede incluir varios anuncios en la función anterior empleando la sentencia switch.

Como puede ver en la linea 2 y la linea 12, que el código provisto por Adsense lo he encerrado en un simple div. Al div le he creado la clase “center” para poder centrar la publicidad. No me gusta que la publicidad se sitúe a la derecha o izquierda. Ud lo puede modificar a su gusto una vez que funcione correctamente. Si lo modifica antes sin verificar que funciona, se le podría complicar mucho insertar la publicidad de Adsense.

El siguiente “código” es la definición o declaración de los estilos que se debe incluir dentro del código html de la pagina o dentro del archivo .css

function style(){
	$cadena = chr(10)."<!-- Stilos A -->".chr(10);	
	// Para centrar DIVs
	$DivCenter = ".center {
	    margin-left: auto;
	    margin-right: auto;
	    width: 468px;
	    height: 60px;
	    background-color: #b0e0e6;
	}";

	$cadena .= '<style>'.chr(10);
	
	// Para centrar Div
	$cadena .= $DivCenter;
	
	$cadena .= chr(10).'</style>'.chr(10);
	$cadena .= "<!-- Stilos Z -->".chr(10);	
	return $cadena;
}

Igual que antes, no lo modifique hasta que no le funcione correctamente.

Ahora el código fuente completo (Probado!) de una pagina que he creado y que emplea jQuery Mobile.

html>

<title>LogOut</title>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- JQuery -->
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css">
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>
<!-- JQuery -->

<!-- Stilos A -->
<style>
.center {
	    margin-left: auto;
	    margin-right: auto;
	    width: 468px;
	    height: 60px;
	    background-color: #b0e0e6;
	}
</style>
<!-- Stilos Z -->
<link rel="stylesheet" type="text/css" href="table_style.css" media="screen">

<!-- Start of page:  -->
<div data-role="page" data-theme="a" id="">
<!-- header a -->
<div data-role="header" data-theme="b" class="ui-bar" data-position="inline"><div data-role="controlgroup" data-type="horizontal"><a href="index.php?page=formRegister" data-icon="plus" data-theme="a">Register</a><a href="index.php?page=formLogIn" data-icon="star" data-theme="b">Log In</a><br data-mce-bogus="1"></div><h4>Password Administrator.</h4></div>
<!-- header z -->
<!-- Content a --><div data-role="content" data-theme="d"><h2></h2><div class="ui-body ui-body-b">
<a href="index.php" target="_self" data-theme="" data-icon="alert">Home</a><br><br>
<div class="center">
<script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
	<!-- 468x60 -->
	<ins class="adsbygoogle" style="display:inline-block;width:468px;height:60px" data-ad-client="ca-pub-73635031852577" data-ad-slot="94484960"></ins>
	<script>
	(adsbygoogle = window.adsbygoogle || []).push({});
	</script>
</div>
</div>
</div><!-- Content z --><div data-role="footer" data-theme="b">
<h4>V1.0</h4></div>

</div>
<!-- End of page:  -->


No se asuste! Todo esto para incluir el código de Adsense, en un simple div. El código esta resaltado en las lineas 31 al 40. El código resaltado entre las lineas 13 y 20  es opcional para centrar el div.

El código fuente de la pagina puede ser visto si carga la pagina www.970x.com y dentro de la pagina hace click derecho, luego click en “ver código fuente de la pagina.”

Es posible que cuando ud visite la pagina, el código de la misma sea diferente, pero probablemente ud podrá ver que el código de Adsense se encuentra en un simple div.

 

Revivir telefono celular Samsung Galaxy Young gt-s5360l Muerto.

Después de flashear varias veces un celular Samsung Galaxy Young gt-s5360l y emplear otros métodos, nada me funciono para revivirlo. Finalmente encontré este método que logro revivir mi viejo Galaxy Young.

El método es muy simple.

  • Descargar S5360DDKK1 (Link lo encontrara al final de este articulo.)
  • Descargar Odin304 (Link lo encontrara al final de este articulo.)
  • Extraiga la carpeta Odin304 y S5360DDKK1.
  • Ejecute como ‘administrador’ el archivo Odin3 v3.04.exe (Lo encontrara en la carpeta Odin304). Vera algo así:

odin01

Click en ‘Read more’ mas abajo, para leer el articulo completo.

Sigue leyendo