phpBB3: come condividere contenuti con i Social network

Feed - phpBB3
Rispondi
Avatar utente
Venerabile Beda
Moderatore
Moderatore
Messaggi: 4625
Iscritto: lunedì 6 ottobre 2008, 15:59
Contatta:

phpBB3: come condividere contenuti con i Social network

Messaggio da Venerabile Beda » lunedì 8 febbraio 2010, 16:11

Possiamo agevolmente far condividere i contenuti della nostra Board, phpBB3, con i vari Social network: Twitter, Facebook ecc.

Andiamo sul sito http://addthis.com/ e iscriviamoci. [k-sìsì]

L'interfaccia è in Inglese, ma molto intuitiva.

Dopo aver effettuato il login, clicchiamo su "Get Your Button".

Copiamo e incolliamo il codice visualizzato, in un file di testo.

Clicchiamo su "Customize your button".

Andiamo alla voce "languages" e selezioniamo come lingua: Italiano.

Copiamo il codice relativo al "Menu Language" e incolliamolo nel file di testo, subito dopo:

Codice: Seleziona tutto

<!-- AddThis Button BEGIN -->
presente nel primo codice copiato.

Aggiungiamo:

Codice: Seleziona tutto

<script type="text/javascript">
var addthis_config = {
          services_exclude: 'print, email'
}
</script>
in quanto sono funzioni già previste dal phpBB3, che andiamo pertanto ad escludere.

Copiamo il codice relativo a "Button Language", e incolliamolo in un file di testo.


Sostituiamo il codice:

Codice: Seleziona tutto

<a class="addthis_button" href= .....  </a>
con il codice "Button Language", precedentemente incollato e copiato

Il risultato finale, sarà molto simile al seguente:

Codice: Seleziona tutto

<!-- AddThis Button BEGIN -->
<script type="text/javascript">
var addthis_config = {
     ui_language: "it"
}
</script>

<script type="text/javascript">
var addthis_config = {
          services_exclude: 'print, email'
}
</script>

<a href="http://www.addthis.com/bookmark.php" 
    class="addthis_button"><img 
    src="http://s2.addthis.com/static/btn/v3/lg-share-it.gif" 
    width="125" height="16" border="0" title="Condividi su" /></a>

	<script type="text/javascript" src="http://s2.addthis.com/js/150/addthis_widget.js#username=nomeutente"></script>
<!-- AddThis Button END -->
Attenzione: non usare questo codice, puramente esemplificativo. I dati sono stati volutamente cambiati, e produrrebbe errore.


Adesso che il nostro codice è pronto, operativo e in Italiano, viene il "difficile".
Dobbiamo trovare gli ID dei forum, che vogliamo abilitare alla condivisione diretta. Escludendo ad es. i forum privati.
Come è noto, per trovare gli ID dei forum, dobbiamo, a seconda del browser in uso, posizionare il puntatore del mouse, sul nome del forum in questione: l'ID, è l'ultimo numero che appare. In alcuni browser, è necessario cliccare col tasto destro del mouse, sul nome del forum, e selezionare "Proprietà" oppure, "Ispeziona elemento". L'ID, è sempre l'ultimo numero che appare.

Una volta individuati (e scritti) gli di ID dei forum che vogliamo abilitare alla condivisione diretta, (escludendo automaticamente gli altri), modifichiamo il nostro codice (ricordiamo, esemplificativo), come segue:

Codice: Seleziona tutto

<!-- IF FORUM_ID == N1 or FORUM_ID == N2 or FORUM_ID == N3 or FORUM_ID == N4 or FORUM_ID == N5 or FORUM_ID == N6 or FORUM_ID == N7 or FORUM_ID == N8 or FORUM_ID == N9 or FORUM_ID == N10 or FORUM_ID == N11 or FORUM_ID == N12 or FORUM_ID == N13 or FORUM_ID == N14 or FORUM_ID == N15 or FORUM_ID == N16 or FORUM_ID == N17 or FORUM_ID == N18 or FORUM_ID == N19 or FORUM_ID == N20 or FORUM_ID == N21 or FORUM_ID == N22 or FORUM_ID == N23 or FORUM_ID == N24 or FORUM_ID == N25 -->
<!-- AddThis Button BEGIN -->
<script type="text/javascript">
var addthis_config = {
     ui_language: "it"
}
</script>

<script type="text/javascript">
var addthis_config = {
          services_exclude: 'print, email'
}
</script>

<a href="http://www.addthis.com/bookmark.php" 
    class="addthis_button"><img 
    src="http://s2.addthis.com/static/btn/v3/lg-share-it.gif" 
    width="125" height="16" border="0" title="Condividi su" /></a>

	<script type="text/javascript" src="http://s2.addthis.com/js/150/addthis_widget.js#username=nomeutente"></script>
<!-- AddThis Button END -->
<!-- ENDIF -->

Dove N1, N2, ecc. indicano gli ID dei forum che vogliamo abilitare alla condivisione. Quindi bisogna sostiuire N1, N2, con i reali ID dei forum della nostra Board, che vogliamo abilitare.
Una volta sistemato il codice, apriamo il file viewtopic_body.html

Trova:

Codice: Seleziona tutto

<!-- IF postrow.U_EMAIL --><a href="{postrow.U_EMAIL}">{EMAIL_IMG}</a> <!-- ENDIF -->

Aggiungi subito dopo:


Il codice preparato.


Svuotare la cache del forum e del browser.

Se volessimo precludere la condivisione diretta ai Social Network, agli ospiti e ai bot, basterà aggiungere dei commenti condizionali, orientati in tal senso, opportunamente chiusi.


La modifica è stata effettuata su stile derivato dal subsilver2, ma dovrebbe essere equivalente nel prosilver. Al massimo, può richiedersi qualche variazione, relativa al posizionamento del tasto interattivo.


Ovviamente, è possibile personalizzare il tasto, per uniformarlo allo stile...


Il Venerabile Beda

Immagine

Noi, siamo sfacciatamente di parte e ce ne vantiamo!

****

Immagine

Angolo di cielo, link ufficiale: https://angolodicielo.altervista.org

DevilMich
Bebè del Forum
Bebè del Forum
Messaggi: 2
Iscritto: mercoledì 10 febbraio 2010, 16:30

Re: phpBB3: come condividere contenuti con i Social network

Messaggio da DevilMich » venerdì 12 febbraio 2010, 17:14

Fatto... e funziona alla perfezione xD grazie mille per la guida :D



Avatar utente
Venerabile Beda
Moderatore
Moderatore
Messaggi: 4625
Iscritto: lunedì 6 ottobre 2008, 15:59
Contatta:

Re: phpBB3: come condividere contenuti con i Social network

Messaggio da Venerabile Beda » domenica 7 marzo 2010, 18:10

È possibile ottimizzare il codice.

Poiché si basa essenzialmente su javascript, non è necessario richiamare il comando ogni volta!

Se in una pagina abbiamo 10 messaggi, in questo modo, l'intero codice verrebbe richiamato 10 volte. Un inutile spreco.
È sufficiente definirlo 1 sola volta, e richiamare 10 volte il solo tasto interattivo, che richiamerà l'unico codice base postato all'occorrenza.

Per fare questo dividiamo il codice in 2 parti (si ricorda che sono codici puramente esemplificativi):


prima parte:

Codice: Seleziona tutto

<!-- IF FORUM_ID == N1 or FORUM_ID == N2 or FORUM_ID == N3 or FORUM_ID == N4 or FORUM_ID == N5 or FORUM_ID == N6 or FORUM_ID == N7 or FORUM_ID == N8 or FORUM_ID == N9 or FORUM_ID == N10 or FORUM_ID == N11 or FORUM_ID == N12 or FORUM_ID == N13 or FORUM_ID == N14 or FORUM_ID == N15 or FORUM_ID == N16 or FORUM_ID == N17 or FORUM_ID == N18 or FORUM_ID == N19 or FORUM_ID == N20 or FORUM_ID == N21 or FORUM_ID == N22 or FORUM_ID == N23 or FORUM_ID == N24 or FORUM_ID == N25 -->
<!-- AddThis Button BEGIN -->
<script type="text/javascript">
var addthis_config = {
     ui_language: "it"
}
</script>

<script type="text/javascript">
var addthis_config = {
          services_exclude: 'print, email'
}
</script>

   <script type="text/javascript" src="http://s2.addthis.com/js/150/addthis_widget.js#username=nomeutente"></script>
<!-- AddThis Button END -->
<!-- ENDIF -->


In pratica è il codice base senza il tasto interattivo, che richiamiamo una sola volta posizionandolo in un punto ben preciso del file viewtopic_body.html

Per cui in questo file


trova:

Codice: Seleziona tutto

<!-- IF S_FORUM_RULES -->

aggiungi prima:

la prima parte del codice.



La seconda parte del codice, sarà questa:

Codice: Seleziona tutto

<!-- IF FORUM_ID == N1 or FORUM_ID == N2 or FORUM_ID == N3 or FORUM_ID == N4 or FORUM_ID == N5 or FORUM_ID == N6 or FORUM_ID == N7 or FORUM_ID == N8 or FORUM_ID == N9 or FORUM_ID == N10 or FORUM_ID == N11 or FORUM_ID == N12 or FORUM_ID == N13 or FORUM_ID == N14 or FORUM_ID == N15 or FORUM_ID == N16 or FORUM_ID == N17 or FORUM_ID == N18 or FORUM_ID == N19 or FORUM_ID == N20 or FORUM_ID == N21 or FORUM_ID == N22 or FORUM_ID == N23 or FORUM_ID == N24 or FORUM_ID == N25 -->
<!-- AddThis Button BEGIN -->
<a href="http://www.addthis.com/bookmark.php" 
    class="addthis_button"><img 
    src="http://s2.addthis.com/static/btn/v3/lg-share-it.gif" 
    width="125" height="16" border="0" title="Condividi su" /></a>
<!-- AddThis Button END -->
<!-- ENDIF -->

Che posizioneremo subito dopo:

Codice: Seleziona tutto

<!-- IF postrow.U_EMAIL --><a href="{postrow.U_EMAIL}">{EMAIL_IMG}</a> <!-- ENDIF -->


In questo modo l'intero codice sarà ottimizzato, e la navigazione dovrebbe risultare più spedita, perché il codice javascript, sarà caricato un'unica volta, richiamato all'occorrenza dal tasto interattivo.


Il Venerabile Beda

Immagine

Noi, siamo sfacciatamente di parte e ce ne vantiamo!

****

Immagine

Angolo di cielo, link ufficiale: https://angolodicielo.altervista.org

Rispondi

Torna a “phpBB3”