Código que capture la url

xFantaSx · #1 (**permalink**) 18/03/2012, 07:50

Hola, pues ando en un nuevo proyecto muy básico pero que me ha producido muy buenos resultados.
El proyecto es un blog sencillo con algunas publicaciones y que al final tiene un cuadro de comentarios de Facebook, el problema es que analizando los las estadísticas me doy cuenta que gano más dinero sin este cuadro de chat, pero a mi parecer este cuadro es muy importante, entonces he optado por cambiar ligeramente la posición de la publicidad, de forma que quede el contenido, un banner y luego el cuadro de comentarios, así este banner tendrá más visualizaciones.
El problema es que ahora quiero que los comentarios sean acordes con la dirección del blog en la cual se presentan, ya que cada cuadro presenta esta sintaxis:

Código HTML:

Ver original<div class="fb-comments" data-href="www.web.com/loquesea.html" data-num-posts="5" data-width="470"></div>

Ahora lo que quiero es que donde se pone la direccion web capture automáticamente el url en el cual se encuentra, de esta forma podría incluir esto en una plantilla y no andar cambiando url en cada momento.
El blog está echo en blogger, por lo que se utilizaría javascript...
En otra página había creado algo similar, pero utilizaba Php para lo cual fue más sencillo para mi ya que tengo un ligero conocimiento de este.
Muchas gracias.

ZiTAL · #2 (**permalink**) 19/03/2012, 07:40

puedes coger la URL actual por javascript con:

Código Javascript:

Ver originalvar url = window.location.href;

xFantaSx · #3 (**permalink**) 19/03/2012, 11:19

Muchas gracias por tu respuesta ZiTaL.
Verás como no conozco el javascript, podrías decirme cómo quedaría la sintaxis completa?.
Gracias de nuevo.

ZiTAL · #4 (**permalink**) 19/03/2012, 13:09

Código HTML:

Ver original<html>
<head>
<script type="text/javascript">
<!--
function insertFbComment(ele)
{
    var url = window.location.href;
    var div = document.createElement('div');
    div.className = 'fb-comments';
    div.setAttribute('data-href', url);
    div.setAttribute('data-href', url);
    div.setAttribute('data-num-posts', '5');
    div.setAttribute('data-width', '470');
    ele.appendChild(div);
}
 
window.onload = function()
{
    var body = document.getElementsByTagName('body');
    body = body[0];
    insertFbComment(body);
};
//-->
</script>
</head>
<body>
<script type="text/javascript">
document.write('<div class="fb-comments" data-href="'+window.location.href+'" data-num-posts="5" data-width="470"></div>');
</script>
</body>
</html>

te dejo 2 maneras de insertarlo dinamicamente