2015-10-05 28 views
5

Così sto testando la funzionalità quota di Twitter e Facebook.validatore carta di Twitter su localhost

Attualmente sto testando il pulsante di condivisione di Twitter, ho aggiunto i tag meta e dopo alcune ore di ricerche ho scoperto che per me è possibile incorporare i tweet (incorporare le immagini di Twitter nei miei tweet che rimandano a il mio sito) Ho bisogno di twitter card.

La mia meta codice:

<meta name="twitter:card" content="summary_large_image"> 
    <meta name="twitter:site" content="http://MY_IP_ADDRESS:3000/"> 
    <meta name="twitter:creator" content="@random"> 
    <meta name="twitter:title" content="Parade of Fans for Houston’s Funeral"> 
    <meta name="twitter:description" content="NEWARK - The guest list and parade of limousines with celebrities emerging from them seemed more suited to a red carpet event in Hollywood or New York than than a gritty stretch of Sussex Avenue near the former site of the James M. Baxter Terrace public housing project here."> 
    <meta name="twitter:image" content="http://cdn0.lostateminor.com/wp-content/uploads/2015/10/Amazing-long-exposure-photos-make-light-look-like-cobwebs-on-trees2-650x434.jpg"> 

Poi il pulsante di condivisione che assomiglia a:

<img src="http://cdn0.lostateminor.com/wp-content/uploads/2015/10/Amazing-long-exposure-photos-make-light-look-like-cobwebs-on-trees2-650x434.jpg"> 
    <a href="https://twitter.com/intent/tweet?button_hashtag=test" data-url="http://localhost.share.com/" target="_blank">Tweet #test</a> 
    </img> 

Quando ho Tweet The hash tag, non prendere la mia immagine in alto o in tweet. Così ho cercato di eseguire il mio sito (sto testando quindi sul mio localhost su Twitter Validator di schede) https://cards-dev.twitter.com/validator.

ricevo questo messaggio di errore: error message

Tutte le idee che ho fatto di sbagliato? O perché non posso usare il mio indirizzo IP in modo da poter testare le carte Twitter?

Grazie!

+0

Si prega di taggare in modo appropriato! Questo ha poco a che fare con 'facebook', e niente affatto con' twitter-boostrap'. (Tag rimossi.) – CBroe

risposta

5

ho pensato di lasciare questo qui in caso qualcuno si imbatte in questo. Dal momento che ho fatto la domanda tanto tempo fa non riesco a ricordare il lavoro, ma la soluzione più semplice che penso sarebbe quella di usare ngork.

https://ngrok.com/

Scarica ngrok. Eseguire il server in locale quindi puntare ngrok alla porta server locale è in esecuzione su e sarà sputare qualcosa lungo le linee di ...

Session Status    online                             
Version      2.1.18                             
Region      United States (us)                          
Web Interface     http://127.0.0.1:4040                          
Forwarding     http://65hkdy7ed.ngrok.io -> localhost:3000                    
Forwarding     https://65hkdy7ed.ngrok.io -> localhost:3000 

E ci avete voi stessi l'URL da usare :)