Mostrar anuncios de Adsense sólo a los visitantes de buscadores en WordPress y Blogger

Sistemas de publicidad Publicado por Claudia en Agosto 24, 2011

Se dice que mostrar Adsense únicamente a visitantes que llegan a tu blog a través de Google y otros buscadores aumenta el CTR (click throughrate: número de clicks dividido en el número de impresiones de un anuncio) -entre otros factores- y por ende tus posibles ganancias, dado que los lectores no habituales son más proclives a hacer click en algún anuncio.

¿Cómo hacerlo?

En WordPress:

En primer lugar, debes añadir la siguiente función en tu functions.php:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
$ref = $_SERVER['HTTP_REFERER'];
$SE = array('/search?', 'images.google.', 'web.info.com', 'search.', 'del.icio.us/search', 'soso.com', '/search/', '.yahoo.');
foreach ($SE as $source) {
  if (strpos($ref,$source)!==false) {
    setcookie("sevisitor", 1, time()+3600, "/", ".TUBLOG.COM"); 
    $sevisitor=true;
  }
}
 
function fromasearchengine(){
  global $sevisitor;
  if ($sevisitor==true || $_COOKIE["sevisitor"]==1) {
    return true;
  }
  return false;
}

Modifica “.TUBLOG.COM” por tu dominio. Ahora, copia lo siguiente en cada lugar donde quieras añadir bloques de anuncios de Adsense:

1
2
3
4
<?php if (function_exists('fromasearchengine')) {
  if (fromasearchengine()) { ?>
    TU CÓDIGO DE ADSENSE
<?php } } ?>

En Blogger:

Busca el siguiente código al inicio de tu plantilla, en Diseño/Edición de HTML:

1
<title><data:blog.pageTitle/></title>

Pega justo debajo:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<script type='text/javascript'>
//<![CDATA[
var ref = document.referrer;
var se = new Array('/search?', 'images.google.', 'web.info.com', 'search.', 'del.icio.us/search', 'soso.com', '/search/', '.yahoo.');
var sevisitor = false;
for (var i = 0; i <= se.length-1; i++) {
    if (ref.indexOf(se[i])!== -1) {
        var expiry = new Date ();
        expiry.setTime(expiry.getTime() + 3600000);
        document.cookie = "sevisitor=1; expires=" + expiry + "; path=/; domain=TUBLOG.COM";
        sevisitor = true;
    }
}
//]]>
</script>

En ese código, reemplaza TUBLOG.COM por tu dominio.

Ahora, pon este código junto a tus anuncios de Adsense:

1
2
var results = document.cookie.match ( '(^|;) ?sevisitor=([^;]*)(;|$)' );
if (sevisitor == true || results[2] == 1) {

Debe verse de la siguiente manera:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<script type='text/javascript'>
//<![CDATA[
var results = document.cookie.match ( '(^|;) ?sevisitor=([^;]*)(;|$)' );
if (sevisitor == true || results[2] == 1) {
    var adsenseString = "<div style=\"float: left;\">\n";
    adsenseString += "<script type=\"text/javascript\"><!--\n";
    adsenseString += "google_ad_client = \"pub-xxxxxxxxxxxxxxxx\";\n";
    adsenseString += "google_ad_host = \"pub-xxxxxxxxxxxxxxxx\";\n";
    adsenseString += "google_ad_slot = \"xxxxxxxxxx\";\n";
    adsenseString += "google_ad_width = 336;\n";
    adsenseString += "google_ad_height = 280;\n";
    adsenseString += "//-->\n";
    adsenseString += "<\/script>\n";
    adsenseString += "<script type=\"text/javascript\"\n";
    adsenseString += "src=\"http://pagead2.googlesyndication.com/pagead/show_ads.js\">\n";
    adsenseString += "<\/script>\n";
    adsenseString += "<\/div>\n";
    document.write(adsenseString);
}
//]]>
</script>

Finalmente, sólo queda reemplazar las xxxxx por los números que aparecen en tu código de Adsense, y modificar el alto y el ancho que corresponden a las dimensiones de tu anuncio (en este ejemplo, 336×280).

Vía | Scratch99.com (1) (2)

Tags: , ,

Blogger Template: Football Fan

Free Blogger Templates Publicado por Claudia en Agosto 21, 2011

Como su nombre lo indica, Football Fan es una plantilla gratuita para Blogger, ideal para blogs de football con CSS3.

DEMO | DESCARGA Football Fan (1190)

Características:

  • 2 columnas ancho fijo
  • Bordes redondeados con CSS3
  • Slideshow con jQuery
  • Buscador interno incorporado
  • Exceperts con thumbnails automáticos
  • Lista para banners de 468×60 píxeles en la cabecera
  • Columnas inferiores (bottombar)
  • Comentarios de autor destacados
  • Google font: Yanone Kaffeesatz
  • Logo PSD incluido


Instructions – Instrucciones

1. Setting up the slideshow
Configurando el slider

Go to Design/Edit HTML and find the following code:
Ve a Diseño/Edición de HTML y encuentra el siguiente código:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
<!-- Slide 1 Code Start -->		
<div class='featured-post clearfix'>
<div class='slider-image'>
<a href='FEATURED-POST-LINK-1-HERE'><img height='210' src='http://3.bp.blogspot.com/-4pbL6uZdqh8/TiTXdIVUJHI/AAAAAAAACdQ/_k5BzD4qRTM/s1600/1.jpg' width='300'/></a>
</div>
<div class='slider-post'>
<h2>Featured Post 1 Title</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
<div class='readmorecontent'><a href='#'>Read More</a></div>
</div> 
</div>
<!-- Slide 1 Code End -->
 
 
<!-- Slide 2 Code Start -->		
<div class='featured-post clearfix'>
<div class='slider-image'>
<a href='FEATURED-POST-LINK-2-HERE'><img height='210' src='http://2.bp.blogspot.com/-qQ7iHRGlQ4U/TiTXevUREzI/AAAAAAAACdY/JdHCH5trw5c/s1600/2.jpg' width='300'/></a>
</div>
<div class='slider-post'>
<h2>Featured Post 2 Title</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
<div class='readmorecontent'><a href='#'>Read More</a></div>
</div> 
</div>
<!-- Slide 2 Code End -->
 
 
<!-- Slide 3 Code Start -->		
<div class='featured-post clearfix'>
<div class='slider-image'>
<a href='FEATURED-POST-LINK-3-HERE'><img height='210' src='http://2.bp.blogspot.com/-kqF4BI7Yb94/TiTXe_UcWxI/AAAAAAAACdg/KBZ788kZJ1g/s1600/3.jpg' width='300'/></a>
</div>
<div class='slider-post'>
<h2>Featured Post 3 Title</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
<div class='readmorecontent'><a href='#'>Read More</a></div>
</div> 
</div>
<!-- Slide 3 Code End -->
 
 
<!-- Slide 4 Code Start -->		
<div class='featured-post clearfix'>
<div class='slider-image'>
<a href='FEATURED-POST-LINK-4-HERE'><img height='210' src='http://3.bp.blogspot.com/-ePVXXsQGv0g/TiTXfKBoOFI/AAAAAAAACdo/-lE6q3BXdE0/s1600/4.jpg' width='300'/></a>
</div>
<div class='slider-post'>
<h2>Featured Post 4 Title</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. </p>
<div class='readmorecontent'><a href='#'>Read More</a></div>
</div> 
</div>
<!-- Slide 4 Code End -->
 
 
<!-- Slide 5 Code Start -->		
<div class='featured-post clearfix'>
<div class='slider-image'>
<a href='FEATURED-POST-LINK-5-HERE'><img height='210' src='http://4.bp.blogspot.com/-91bq04K4wQQ/TiTXfNK9HdI/AAAAAAAACdw/W_8cSC5y2Uc/s1600/5.jpg' width='300'/></a>
</div>
<div class='slider-post'>
<h2>Featured Post 5 Title</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
<div class='readmorecontent'><a href='#'>Read More</a></div>
</div> 
</div>
<!-- Slide 5 Code End -->

You may replace all image links by yours and set up your post descriptions and links.
Puedes reemplazar los enlaces por tus propias imágenes y configurar las descripciones de tus posts y links.

2. Setting up the social media icons.
Configurando los botones social media.

Go to Design/Edit HTML, click on “Expand widget templates” and find the following code:
Ve a Diseño/Edición de HTML, click en “expandir plantillas de artilugios y encuentra el siguiente código:

1
2
3
4
5
<div id='social'>
<span><a href='#'><img src='http://2.bp.blogspot.com/-_05o3_BCgO0/TiojpH75tXI/AAAAAAAAChA/tR1NNqAhGng/s1600/facebook.png'/></a></span>
<span><a href='#'><img src='http://4.bp.blogspot.com/-Fh2tPUW7yPk/Tiojo2aQZ-I/AAAAAAAACg4/nmQyPEhdmsQ/s1600/rss.png'/></a></span>
<span><a href='#'><img src='http://3.bp.blogspot.com/-yFWkLwwzBU0/TiojodaxW_I/AAAAAAAACgw/5-lPotMIpL4/s1600/twitter.png'/></a></span>
</div>
Tags: , ,

Añadir un widget de Twitter en WordPress sin plugin y con una simple función PHP

Tutoriales WordPress Publicado por Claudia en Agosto 19, 2011

Buscando cómo mostrar mis actualizaciones de Twitter en mi blog de WordPress con PHP, encontré en Zetalight una forma de hacerlo en tres simples pasos, sin necesidad de usar ningún plugin.

Paso 1: Modifica tu functions.php

Añade el siguiente código en el archivo de funciones de tu tema:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
<?php
function getTwitterStatus($name, $count)
{
 
	$transient = "$name"."_$count";
	//Get Tweets From the Cache
	$getTweets = get_transient($transient);
	if ($getTweets)
	{
		echo $getTweets;
	}
	elseif ($name != false)
	{
		$site = "http://twitter.com/statuses/user_timeline.json?screen_name=$name&count=$count";
		//Perform Http request to get JSON feed of Twitter User Status
		$result = wp_remote_get($site);
		$json = $result['body'];
		//Convert JSON String to PHP Array
		$tweets = json_decode($json);
		$getTweets = '';
 
		foreach ( (array) $tweets as $tweet)
		{
			/*
			Use these values to customize your output.
			//gets twitter status
			$tweet->text;
			//gets the time the status was created
			$tweet->created_at;
			//gets the User Profile Image URL
			$tweet->user->profile_image_url;
			//gets the User Screen Name
			$tweet->user->screen_name;
			//gets the User location
			$tweet->user->location;
			//gets the User Name
			$tweet->user->name;
			//Get the follower count.
			$tweet->user->followers_count;
			//Get the User Website URL.
			$tweet->user->url
			*/
 
			// Convert twitter Usernames and links to Hyperlinks
			$tweetcontent = linkify($tweet->text);
			$getTweets .= "<div> $tweetcontent </div>";
		}
 
		//Set Cache if it does not exist
		set_transient($transient, $getTweets, 10);
		echo $getTweets;
	}
	else
	{
		return false;
	}
}
 
/* Credit Jeremy Parrish http://rrish.org/  */
function linkify($status_text)
{
  // linkify URLs
  $status_text = preg_replace(
    '/(https?:\/\/\S+)/',
    '<a href="\1">\1</a>',
    $status_text
  );
 
  // linkify twitter users
  $status_text = preg_replace(
    '/(^|\s)@(\w+)/',
    '\1@<a href="http://twitter.com/\2">\2</a>',
    $status_text
  );
 
  // linkify tags
  $status_text = preg_replace(
    '/(^|\s)#(\w+)/',
    '\1#<a href="http://search.twitter.com/search?q=%23\2">\2</a>',
    $status_text
  );
 
  return $status_text;
}
?>

2. Haz un llamado a la función

Añadiendo el siguiente código donde quieras (ej. index.php, sidebar.php o footer.php), estarás llamando a la función que permite mostrar tus tweets:

<?php getTwitterStatus('tunick', '1'); ?>

Allí deberás modificar “tunick” por tu nombre de usuario de Twitter, y el número “1” por el número de tweets que quieras mostrar (desde 1 a 5).

3. Usa tu creatividad

El siguiente paso consiste en usar HTML y CSS para estilizar tu widget. Por ejemplo:

1
2
3
4
5
<div id="twitter-widget">
<div class="tweet">
<?php getTwitterStatus('claudiacs', '1'); ?>
</div>
</div>

Dicho código lo puse en mi index.php, y añadí lo siguiente en mi hoja de estilos.

#twitter-widget {
height: 60px;
border-top: 2px solid #5c5c5c;
border-bottom: 1px solid #b9b9b9;
background: url(images/twitter_standing.png) no-repeat left top;
padding: 0;
margin-bottom: 25px;
}
 
.tweet {
margin-left: 60px;
padding-top: 12px;
}

Experiencia retirando fondos de Paypal en Chile

Chica Blogger Publicado por Claudia en Agosto 18, 2011

Muchos de los que tenemos una cuenta Paypal, alguna vez utilizamos el servicio de Xoom.com. Cuando Xoom dejó de funcionar para nosotros, las alternativas parecían ser sólo dos: solicitar el cheque de Paypal, y retirar los fondos a una MasterCard de Payoneer.

  • Los supuestos problemas con el cheque de Paypal: podría tardar cerca de un mes en llegar; eventualmente podría perderse, y retrasar el trámite; sólo podría recibirlo el titular de la cuenta; habría que venderlo, y sería complicado.
  • Los problemas con la MasterCard de Payoneer: Para retirar fondos de Paypal, habría que vincular la tarjeta con un banco en Estados Unidos (sin contar el tiempo que demora la tarjeta en llegar a tu casa, que fácilmente puede exceder los 30 días). Difícil y engorroso.

Ante la duda, decidí tratar de retirar mis fondos a una tarjeta de crédito, aunque supuestamente eso no estaba permitido en Chile.

El desafío: solicitar una tarjeta Visa sin tener que acreditar salario. En Banco Falabella, por ejemplo, me pidieron liquidaciones de sueldo de 12 meses.

Entonces, surgieron dos alternativas: obtener la tarjeta CMR Visa de Falabella, o una Visa (o MasterCard) bancaria de alguno de mis padres.

La tarjeta CMR Visa

Lo bueno de la tarjeta CMR, es que puedes obtenerla al 2° año de universidad. Como cliente de CMR Falabella, obtener la Visa es un trámite muy simple.

Los problemas:
1) Los fondos pueden tardar cerca de un mes en aparecer en tu cuenta, ya que el estado de cuenta se actualiza una vez al mes.
2)El dinero aparece en pesos, no en dólares, y no puede retirarse. Por lo tanto, sólo sirve para hacer compras, aunque las compras pueden realizarse casi en cualquier tienda del país o del mundo.

Tarjetas Visa bancarias

Si no tienes una Visa, puedes pedírsela a un familiar de confianza, y crear una cuenta Paypal a su nombre para retirar los fondos sin problemas, y sin riesgo de perder el dinero. El trámite a realizar posteriormente, dependerá del banco.

Tarjeta Visa del Banco de Chile

Lo bueno: Como estudiante, puedo obtenerla desde el penúltimo año de universidad, y hasta un año luego de haber egresado, sin tener que acreditar sueldo (es realmente fácil, y hasta te la van a ofrecer a la universidad). La Visa para estudiantes tiene un cupo de $300.000 pesos y US$500 (de esto último no suelen informarte). No es difícil que te aprueben la cuenta, y obtienes tu tarjeta (junto a otros productos del banco) en unos 10 días.

Cómo prodecer:
1) Ingresar los datos de la tarjeta en tu cuenta Paypal. La tarjeta debe tener el mismo nombre que tienes en tu cuenta. Los datos deben ser reales.
2) Prodecer a retirar los fondos a tu tarjeta, con cargo de US$5.
3) Esperar a que en tu cuenta Paypal la transacción aparezca como completada. El proceso puede tardar 2 días, y otros 2 en aparecer en tu cuenta (en total, 4 a 5 días hábiles).
4) Una vez que en Paypal el retiro a tu tarjeta de crédito aparece como exitoso, dirigirse a un cajero automático del Banco de Chile (no de otro banco), y pedir una consulta de saldo. En la consulta de saldo, debiese aparecer un sobreabono de dólares: Si retiras unos US$250, en tu cuenta debiesen aparecer unos US$750 (tu cupo, más lo que retiraste). El banco cobra cerca de US$2 por recibir tus dólares, que son descontados del dinero que enviaste a tu cuenta. Si los fondos aún no aparecen en tu saldo contable (nótese, aparecen en el saldo y no en el estado de cuenta), vuelve al día siguiente.
5) Dirigirse a un mesón de atención al cliente, y solicitar el retiro del sobreabono de dólares que tienes en tu cuenta. No es necesario dar explicaciones, basta con decir: “Hola, tengo tantos dólares de sobreabono en mi cuenta que quiero retirar (o recuperar)”. Es necesario presentar cédula de identidad. El trámite dura alrededor de 10 minutos. Puedes elegir entre vender los dólares al banco y retirar tu sobreabono en pesos chilenos, o retirar los dólares directamente en caja.

Finalmente

Cabe destacar que existe muy poca información acerca de cómo retirar fondos de Paypal en otros países que no sea USA. En Chile, ello puede ser muy fácil si sigues mis pasos (para lo cual recomiendo usar una tarjeta Visa del Banco de Chile tuya o de uno de tus padres). Si bien el dinero no puede retirarse directamente en un cajero automático, el proceso es rápido (no más de 5 días), y barato (cuesta en total US$7 sin mínimos, y por una suma de hasta $500 dólares).

Usando MasterCard, y/o en otros bancos, el proceso debiese ser similar.

Si vives en otro país, es cosa de preguntar en tu banco, o simplemente atreverse a probar…  A veces, cuando te dicen que “no se puede”, es porque nunca nadie antes lo intentó.

Tags: ,

Añadir enlaces externos al menú de páginas de Blogger

Blogger Publicado por Claudia en Agosto 16, 2011

Muchas personas que usan Blogger me han preguntado cómo hago para poner enlaces a mis cuentas de Twitter y Facebook en el menú. Solía responder que uso WordPress, o que pueden reemplazar un widget de tipo “PageList” (páginas) por un “LinkList” (lista de enlaces). Ello aún suena un poco complicado si se trata de retocar el código, especialmente para quienes comienzan con un blog.

La creación de páginas estáticas de Blogger siempre fue una de las funciones más esperadas. Sin embargo, el widget típico de Páginas sólo permitía mostrar las páginas del blog. Ello, por un lado, facilitaba enormemente el trabajo de los usuarios, al no tener que hacer nada para mostrar enlaces a sus páginas automáticamente, pero hacía extrañar las listas típicas de menú en HTML, que permiten enlazar lo que queramos.

Para quienes quieren tener un solo menú principal en su blog de Blogger que muestre páginas y enlaces externos, les tengo una buena noticia: Luis Gray anuncia que ya es posible añadir enlaces externos en un widget de páginas de Blogger.

Cómo hacerlo, paso por paso:

1. En Diseño/Elementos de la página, añadir un widget de Páginas en tu plantilla Blogger. Si ya lo tienes añadido, sáltate este paso.

2. Ve a Blogger in Draft, que te permite probar las nuevas funciones de Blogger antes de ser lanzadas públicamente. Una vez allí, accede al blog donde quieras añadir algún enlace externo, y ve a Páginas /Página nueva / Dirección Web.

Ahora, sólo agrega tu enlace, como se muestra a continuación:

Después de ello, el enlace será añadido automáticamente a tu menú de Páginas, y podrás moverlo a la ubicación que desees.

Tags: , , ,