ForumFree

Wiki - Social network

    Avvertenza: ogni topic (di sezioni non protette) ha, all'inizio e alla fine della pagina, la scritta Condividi che offre la possibilità, cliccandovi, di condividere il topic sui principali social network.
    Risulta quindi inutile aggiungere i pulsanti forniti dai vari social network per condividere una pagina del vostro sito.

    Twitter


    L'integrazione del proprio forum con Twitter riguarda l'inserimento di:
    - Tweet singoli
    - Widget (cronologia/lista di Tweet/Tweet preferiti/ricerca per hashtag)
    - Pulsanti Segui

    Per farlo è necessario inserire senza modificarlo
    HTML
    <script type="text/javascript" src="https://platform.twitter.com/widgets.js"></script>

    in Amministrazione → Grafica →> Codice HTML → Codice HTML che sarà mostrato in FONDO a tutte le pagine.

    Una volta inserito questo codice non sarà necessario inserire altro che il codice che fornisce Twitter.
    Importante: Twitter, ogni volta che fornisce un codice, fornisce anche il codice script, su forumfree non funzionerebbe, va quindi rimosso ogni volta (come sarà specificato nei vari esempi).

    - Tweet singoli
    Per incorporare un singolo Tweet basta cliccare, nelle opzioni del Tweet, su Altro -> Incorpora Tweet.
    Sarà un codice del tipo
    HTML
    <blockquote class="twitter-tweet" lang="it"><p>News Aprile 2013: 1/4/2013, 02:16di: BlogFree <a href="https://t.co/RVRZzJNoeR" title="https://bit.ly/119wB7f">bit.ly/119wB7f</a></p>&mdash; ForumFree SRL (@forumfree) <a href="https://twitter.com/forumfree/status/318540779939328000">01 aprile 2013</a></blockquote>
    <script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>

    Rimuovere la parte script e per avere il Tweet inseribile dovunque si voglia (sia in Gestione HTML che nei topic)
    (Si ricorda che bisogna inserire sempre lo script in fondo al forum, come specificato a inizio guida, o lo script non funzionerà: clic.)
    Qui una guida alla personalizzazione grafica del widget.


    Codice di esempio:
    HTML
    <blockquote class="twitter-tweet" lang="it"><p>News Aprile 2013: 1/4/2013, 02:16di: BlogFree <a href="https://t.co/RVRZzJNoeR" title="https://bit.ly/119wB7f">bit.ly/119wB7f</a></p>&mdash; ForumFree SRL (@forumfree) <a href="https://twitter.com/forumfree/status/318540779939328000">01 aprile 2013</a></blockquote>

    Tweet di esempio:
    Qbdmfjh

    - Widget (cronologia/lista di Tweet/Tweet preferiti/ricerca per hashtag)
    Dalla barra in alto di Twitter, cliccare sull'ingranaggio -> Impostazioni -> Widget.
    In questa pagina possiamo gestire i widget già creati e crearne di nuovi.
    Qui la documentazione di Twitter sui widget.

    Una volta che abbiamo impostato come vogliamo il widget basterà cliccare su Crea widget: comparirà un codice del tipo
    HTML
    <a class="twitter-timeline" href="https://twitter.com/forumfree" data-widget-id="330725859797368832">Tweet di @forumfree</a>
    <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

    Da questo codice va eliminata la parte script e avremmo una cosa del tipo
    (Si ricorda che bisogna inserire sempre lo script in fondo al forum, come specificato a inizio guida, o lo script non funzionerà: clic.)

    Codice d'esempio:
    HTML
    <a class="twitter-timeline" href="https://twitter.com/forumfree" data-widget-id="330725859797368832">Tweet di @forumfree</a>

    Esempio di cronologia:
    Bm8iO1u

    - Pulsanti Segui
    Per inserire un pulsante Segui occorre modificare questo codice
    HTML
    <a href="URL" class="twitter-follow-button" data-lang="it">MESSAGGIO</a>

    Modificando URL con il link dell'account da seguire (esempio: https://twitter.com/forumfree), e MESSAGGIO con il messaggio che deve apparire sul pulsante (esempio: Segui @forumfree).
    (Si ricorda che bisogna inserire sempre lo script in fondo al forum, come specificato a inizio guida, o lo script non funzionerà: clic.)


    Codice di esempio:
    HTML
    <a href="https://twitter.com/forumfree" class="twitter-follow-button" data-lang="it">Segui @forumfree</a>


    Pulsante di esempio
    V3Hr5Wa

    - Rimuovere numero di follower
    Per rimuovere, dal pulsante, la nuvoletta con i follower (nell'immagine 181 follower) è necessario aggiungere al codice show-data-count="false"
    HTML
    <a href="https://twitter.com/forumfree" class="twitter-follow-button" data-lang="it" show-data-count="false">Segui @forumfree</a>

    cambiando false con true nel caso non si visualizzi e lo si vuol fare visualizzare.

    - Modificare grandezza pulsante
    Per ingrandire il pulsante è necessario aggiungere al codice data-size="large"
    HTML
    <a href="https://twitter.com/forumfree" class="twitter-follow-button" data-lang="it" data-size="large">Segui @forumfree</a>


    Facebook


    L'integrazione con Facebook è disponibile, in parte, già grazie a un'opzione di ForumFree.

    - Pulsante Mi Piace nei topic
    - Social Plugins
    - Cancellare copia cache delle immagini *

    * Questa azione è utile quando si condivide un topic su facebook ma non appaiono le immagini della discussione nelle miniature selezionabili.

    - Pulsante Mi Piace nei topic
    Per inserire il pulsante "Mi piace" alle discussioni del proprio forum/blog andare in Amministrazione -> Funzioni aggiuntive -> Statistiche e opzioni.
    Spuntare la casella corrispondente a "Visualizza il bottone "Facebook Like" nei post:" (con il menù a tendina è possibile: mostrare in tutte le sezioni/nelle sezioni selezionate oppure nascondere nelle sezioni selezionate).

    - Social Plugins
    Facebook offre dei Social Plugin, come il pulsante like per le proprie pagine, l'embed di post nel proprio forum/blog.
    Tutti questi servizi sono integrabili con ForumFree.

    - Cancellare copia cache delle immagini
    Facebook, per aumentare la velocità di condivisione, salva nelle proprie cache le immagini dei topic già condivisi.
    In questo modo, però, si crea un problema: essendo i topic degli ambienti costantemente aggiornati può accadere che alcune immagini, inserite dopo la prima condivisione del topic su facebook, non siano utilizzabili come miniature nelle successive condivisioni.
    Facebook fa, periodicamente, degli aggiornamenti delle sue copie cache ma potrebbe risultare troppo lento come processo.
    È possibile far effettuare l'aggiornamento a facebook manualmente, risolvendo il problema delle miniature.
    Andare nel Facebook Debugger, inserire il link del topic (esempio, https://supporto.forumfree.it/?t=1787629).
    Cliccare su "Debug". Ora le immagini saranno aggiornate e quando condividerete il topic vi sarà possibile selezionarle come miniature del post.


    Tumblr


    Per aggiungere il pulsante "Segui su Tumblr" o simili andare nella pagina Tasti e selezionare quello desiderato.
    Selezionare il tumblelog desiderato e cliccare su "Prendi il codice".
    Anche questo codice, come quello di Facebook, è un iframe, inseribile quindi solo in Gestione HTML.

    Instagram


    Per inserire foto e video provenienti da Instagram nelle discussioni è necessario inserire questo codice in Amministrazione -> Grafica -> Codice HTML -> Codice che sarà mostrato in fondo alla pagina
    HTML
    <script type="text/javascript" src="https://platform.instagram.com/en_US/embeds.js"></script>

    e copiare il codice di incorporamento fornito dal social network, che si può ottenere cliccando sui tre punti in basso a destra al post e poi cliccando su "Incorpora"

    instagramff


    dal codice che si ottiene bisogna togliere l'ultima parte
    HTML
    <script async defer src="//platform.instagram.com/en_US/embeds.js"></script>


    Non è necessario seguire queste operazioni se si vuole inserire la foto o il video nell'HTML del forum.

    Per maggiori informazioni leggere qui.

    Telegram


    - Post Canale:

    Nell'html del forum e nei messaggi del proprio sito è possbile inserire post di canali di Telegram, inserendo questo codice con l opportune modifiche:
    HTML
    <iframe src="LINK_MESSAGGIO_TELEGRAM?embed=1" width="100%" frameborder="0" scrolling="no" style="border: none; overflow: hidden; height: 250px;" class="telegram_iframe"></iframe>

    Vi basterà sostituire: LINK_MESSAGGIO_TELEGRAM con il link al messaggio di Telegram (es: https://t.me/forumfree/53).

    Potete recuperarlo facilmente cliccando sulla freccia accanto ad ogni messaggio e poi su "COPIA LINK" (in alto o in basso a destra).

    Codice di esempio:
    HTML
    <iframe src="https://t.me/forumfree/53?embed=1" width="100%" frameborder="0" scrolling="no" style="border: none; overflow: hidden; height: 280px;" class="telegram_iframe"></iframe>


    Messaggio canale di esempio:


    E' anche possibile inserire un comodo script per velocizzare l'inserimento, per maggior informazioni cliccate qui:
    #entry616222689

    - Nuovi topic del forum su telegram:

    E' anche possibile inviare messaggi in gruppi o pagine di telegram! Per farlo leggete questa guida:
    https://supporto.forumfree.it/?t=77398124#newpost