Fai Pinterest Profilo Widget Fissare

Question

sto usando la pagina sottostante per creare un widget Pinterest Profilo: https://business.pinterest.com/en/widget-builder#do_embed_user

Il problema è che quando il widget mostra le immagini utilizzano collegamenti non sicuri. Devo visualizzare il widget su una pagina sicura, quindi è necessario che siano https: //

Qualche idea su come posso procedere?

Answer 1

Ok, quindi dopo un po 'di ricerche ho fatto un trucco piuttosto intenso per fare questo lavoro. Pintrest pubblica contenuti https, è solo che per qualche ragione non l'hanno incluso nella loro API. Così ho passato l'API e ho trovato il setter di attributo che imposta gli attributi su tutti gli elementi creati dall'API.

comunque .. Ecco il violino: https://jsfiddle.net/nanff007/1/ (assicuratevi di https)

E qui è il codice che esegue la magia ...

Si tratta di una soluzione/hack o qualsiasi cosa tu voglio chiamarlo Non funzionerà per sempre. Potrebbe anche non funzionare in tutti i paesi in quanto gli akamai potrebbero cambiare. L'opzione migliore sarebbe sollevare un ticket di richiesta con Pintrest.

(function() { 
    $('a[data-pin-do]').each(function() { 
     $(this).attr('data-pin-dont', $(this).attr('data-pin-do')); 
     $(this).removeAttr('data-pin-do'); 
    }); 

    var timer = setInterval(function() { 
     for (prop in window) { 
      if (prop.search(/^PIN_/) > -1 && typeof window[prop] != 'boolean') { 
       clearInterval(timer); 
       window[prop].f.set = function (el, att, string) { 
        if(att == 'src' && el.tagName.toLowerCase() == 'img') { 
         string = string.replace(/(^http:\/\/)/i, "https://s-"); 
        } 

        if (typeof el[att] === 'string') { 
         el[att] = string; 
        } else { 
         el.setAttribute(att, string); 
        } 
       }; 

       $('a[data-pin-dont]').each(function() { 
        $(this).attr('data-pin-do', $(this).attr('data-pin-dont')); 
        $(this).removeAttr('data-pin-dont'); 
       }); 

       window[prop].f.init(); 
       break; 
      } 
     } 
    }, 100); 
}()); 

Answer 2

è sufficiente rimuovere la https: // e iniziamo con l'inizio del collegamento. Per esempio:

< a href = "// sub-domain.example.com"> Acme Widget

Rimuovere gli spazi prima> e dopo < nell'esempio di cui sopra