meta dinamici con javascript

manu1289

Nuovo Utente
19 Giu 2015
3
0
0
Salve
devo rendere i meta dinamici.
al click sul bottone o al caricamento della pagina, il capo dei meta tag deve prendere il contenuto del titolo, l'immagine e la descrizione contenuti nella pagina (sotto l'esempio)
mi hanno detto che è possibile farlo con javascript ma non sono molto pratico :)
potete darmi una mano?


HTML:
<html>
<head> 

<title>orlando - american dream</title>
<meta property="og:title" content="" />
<meta property="og:description" content="" />
<meta property="og:image" content="" />

</head>
<body>

     <h1 id="titolo">Titolo</h1>

     <p id="descrizione">Vestibulum velit justo, porta a aliquet a; sodales nec quam. Etiam lobortis tortor ex, non iaculis dolor interdum in!</p>

    <img id="immagine" src="immagine.jpg" />

     <a target='_blank' class="fb" href='https://www.facebook.com/sharer/sharer.php?u=http://miosito.org/ >Share facebook</a>
     <a target='_blank' class="tw" href='https://twitter.com/intent/tweet?url=http://miosito.org/ >Share twitter</a>
     <a target='_blank' class="gplus" href='https://plus.google.com/share?url=http://miosito.org/ >Share gplus</a>

</body>
</html>


grazie
 

artasdog

Utente Attivo
1 Mar 2011
50
0
6
Puoi assegnare un selettore allo specifico meta da cambiare ed utilizzare:

Codice:
var mioTitolo = "quello che vuoi ce lo metti";
("#selettore" ).attr( "content", mioTitolo );
 
Discussioni simili
Autore Titolo Forum Risposte Data
alfystudio meta title dinamici Classic ASP 6
M Errore visualizzazione meta tag title e description SEO e Posizionamento 1
F Come usare i meta Language Attribute tag? HTML e CSS 4
G [HTML] copia il TAG META che trovi sotto ed incollalo sotto il tag <HEAD> HTML e CSS 9
Cosina [PHP] echo meta PHP 18
Y Meta Tag e posizionamento SEO e Posizionamento 4
xone [Offro] Ottimizzazioni SEO, ottimizzazioni LINK e META TAG Offerte e Richieste di Lavoro e/o Collaborazione 0
booklisa Ultimate Member — WordPress Plugins - meta dati WordPress 0
N meta tag dinamico PHP 1
borgo italia header e meta non più funzionanti PHP 7
filomeni meta keywords SEO e Posizionamento 8
C Meta tag http-equiv="X-UA-Compatible" errore validatore w3c HTML e CSS 3
felino [Jquery] Dubbio sul tag meta refresh aggiunto dinamicamente jQuery 6
xone Evitare Meta Tag duplicati su paginazione php PHP 2
mirko.dagata Meta tag description. Davvero è poco influente? SEO e Posizionamento 2
R Info per TAG e META CMS (Content Management System) 0
felino [Joomla 1.5.26] Testo cirillico negli articoli e nei meta tag Joomla 1
D Problema con i meta tag e google HTML e CSS 1
D Problema con i Meta Tag HTML e CSS 0
felino Meta Description uguale per tutte le pagine WordPress 2
L Problema META NAME description [MOTORE RICERCA] HTML e CSS 0
Shyson Questo meta è utile? SEO e Posizionamento 1
C I meta tag DC. SEO e Posizionamento 0
Eugene Open Graph e meta property: solo per facebook? SEO e Posizionamento 0
F Quale tag è quello giusto? <meta name="robots" content="index, follow"> oppure .... HTML e CSS 1
sito-wordpress SEO Info Google non vuole più il meta tag "Keyword" SEO e Posizionamento 6
M dubbi sui meta tag in ogni pagina SEO e Posizionamento 5
S Meta tag robots HTML e CSS 1
Frank10 HTML 4.01 e META Tag di spessore HTML e CSS 3
borgo italia tag meta o visibility non funzionante Javascript 2
A Alternativa al <meta http-equiv="refresh" content="5;url=code.php" > HTML e CSS 5
R Aiuto!! per Magento/analisi sito - Meta e Tag duplicati e voci non trovate Magento 6
E meta noarchive SEO e Posizionamento 0
borgo italia tag meta ? HTML e CSS 2
G Meta Tag Description Help SEO e Posizionamento 0
F Wordpress: modificare meta title home page WordPress 5
borgo italia meta name="Description" SEO e Posizionamento 2
matteoraggi joomla 1.5 e meta tag mancanti nelle home delle traduzioni Joomla 10
S ottimizzazione meta tags e calo visite con php SEO e Posizionamento 0
B meta name="Microsoft Border" HTML e CSS 1
G Cambio di keywords, metatags e meta description ad ogni pagina PHP 1
G Cambiare meta tag di una pagina basata su mysql PHP 4
google Come Avere La Benzina A Meta' Prezzo ? Discussioni Varie 5
K Meta name e meta macchina HTML e CSS 0
Eugene Un meta "keywords" e un altro "key-phrases"? SEO e Posizionamento 4
purno Domanda: i meta tag di Front Page HTML e CSS 2
S Spider per i meta-tag PHP 0
Apeweb Crea i tuoi Meta Tags online qui ora! SEO e Posizionamento 10
Apeweb Non solo Meta Tags per arrivare primi! SEO e Posizionamento 3
L Meta Tag expires e refresh HTML e CSS 0

Discussioni simili