none
Botones sociales en web de contenido dinámico

    Question

  • Hola a todos!!

    He creado una web de contenido dinámico:

    www.proshowrockstudios.com

    Como aún no manejo AJAX, he utilizado un plugin de JQuery:

    Plug-in Dynamic Page

    Todo funciona, en principio, correctamente, excepto los botones de compartir de Facebook y Twitter. Si cargo directamente las páginas 'audio.php' o 'video.php', que es donde se encuentran incluidos los botones, se visualizan correctamente (aunque el botón de Facebook siempre da un Error en rojo que no sé si es problema mío o de Facebook, pero eso es otra historia).

    El problema viene cuando abro la página 'index', por ejemplo, y cargo dinámicamente el contenido de las páginas 'audio' o 'video', haciendo click en el menú de navegación. Entonces los botones sociales no aparecen!! Por más que me rompo al cabeza no consigo entender por qué, por lo que os pido ayuda.

    Os copio el código de uno de los audios, en videos es igual. El div 'descripción' contiene en cada página aquello que es distinto y que hay que cargar:

    <div id="descripcion">
    
        <!--Scripts generados por las propias páginas de Facebook y Twitter para insertar los botones-->
    
        <script type="text/javascript">
    
             !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><br />
                            
             <div id="fb-root"></div>
             (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";
                  fjs.parentNode.insertBefore(js, fjs);
              }(document, 'script', 'facebook-jssdk'));
       
    
        </script>
    
                                             
        <p class="titulos">The Ocean - Roots & Locusts (Live @ BY Festival III)</p><br />
    
        <!--Código del reproductor de audio-->
    
        <iframe width="400px" height="166" scrolling="no" frameborder="no" src="http://w.soundcloud.com/player/?url=http%3A%2F%2Fapi.soundcloud.com%2Ftracks%2F59029863&amp;auto_play=false&amp;show_artwork=true&amp;color=861985"></iframe>
    
        <!--Código de los comentarios-->
    
        <div class="comentariosizdaaudio">GRUPO: The Ocean<br />LP: Burning You Festival III<br />AÑO: 2012<br />GÉNERO: Metal Progresivo<br /><a href="http://www.theoceancollective.com/" target="_blank">www.theoceancollective.com</a><br /><br />
    
         <!--Código generado por la página de Twitter para insertar el botón-->
    
         <a href="https://twitter.com/share" class="twitter-share-button" data-url="http://soundcloud.com/studiosproshowrock/the-ocean-roots-locusts-live" data-text="ProShow Rock Studios: The Ocean - Roots &amp; Locusts" data-lang="es"></a>
    
         <!--Código generado por la página de Facebook para insertar el botón-->
    
    
         <div class="fb-like" data-href="http://soundcloud.com/studiosproshowrock/the-ocean-roots-locusts-live" data-send="false" data-layout="button_count" data-width="450" data-show-faces="true" data-font="arial"></div></div>
                                            
    </div><!--/descripcion-->

    Muchas gracias de antemano!!


    • Edited by kibura Tuesday, September 18, 2012 1:36 PM
    Tuesday, September 18, 2012 1:34 PM

All replies

  • Hola que tal:

     

    Creo que para Facebook solo necesitas algo como esto:

    <p><script>var fbShare = {
    url: 'http://www.facebook.com/URBIMonteCarlo',
    size: 'small',
    
    google_analytics: 'true'
    }</script>
    <script src="http://widgets.fbshare.me/files/fbshare.js"></script>
    </p>
    

    Y para twitter:

    <p>
           <a href="https://twitter.com/share" class="twitter-share-button" data-url="http://twitter.com/UrbiMonteCarlo" data-lang="es">Twittear</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>
               </p>

    Probablemente la combinación de scripts te den ese error.

     
    • Proposed as answer by DaveRndnMVP Sunday, October 07, 2012 4:27 AM
    Sunday, October 07, 2012 4:27 AM