WebSite X5Help Center

 
Mary P.
Mary P.
User

Condivisone social fb  it

Auteur : Mary P.
Visité 1026, Followers 1, Partagé 0  

Ciao a tutti! Vi scrivo di nuovo a proposito del mio nuovo spazio web www.adozioneanimalibaffiezampette.it

Vorrei che il mio sito interagisse il più possibile con i social network, fb in primis, senza dover necessariamente aprire una pagina fb collegata ad esso.

Le soluzioni da me sperimentate fino a questo momento:

1) ho seguito questo link (https://www.addthis.com/get/sharing?flag=registered&lb=1), generato un codice (trial version) da incollare nel tag <body> ma... non mi compare un bel niente! (l'esperimento l'ho fatto sulla pagina "home")

2) ho seguito un altro link (https://developers.facebook.com/docs/plugins/share-button/) e ho generato un codice (come da istruzioni: Inserisci il codice del tuo plugin dove vuoi che il plugin appaia nella tua pagina)... e non mi compare un bel niente! (esperimento fatto sulla pagina http://www.adozioneanimalibaffiezampette.it/cani--10.html).

Insomma, non so più che pesci pigliare! Ripeto: vorrei che il mio sito interagisse il più possibile con social tipo fb (principalmente tramite il tasto "condividi" e magari anche "mi piace", per esempio come già avviene per il blog http://www.adozioneanimalibaffiezampette.it/blog/index.php)

Avete suggerimenti a proposito? Grazie mille, Marina!

Posté le
15 RéPONSES - 1 CORRECT
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... non so di cosa si tratti, ...ma, ...hai usato un oggetto html in intestazione o piè di pagina, o interno alle pagine per incollare il codice ricevuto...?...

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
 lemonsong  
 lemonsong  
User

1) attualmente hai inserito il codice AddThis "All'interno del tag <BODY> (ovvero all'interno dell'istruzione <BODY>"... non è il posto giusto

2) attualmente hai inserito parte del codice, non tutto... leggi meglio le istruzioni

_______ oltre il 5° step ________

http://www.unofficialwsx5.com

Lire plus
Posté le de  lemonsong  
Mary P.
Mary P.
User
Auteur

Ciao KolAsim! Ciao Lemonsong! Premetto che seguire delle istruzioni in inglese non semplifica la vita, anzi! :-( (e non capisco perchè lo stesso programma website, seppur fatto benissimo, abbia la sezione relativa all' "html e widgets" in inglese...)

1) per quanto riguarda la home ho incollato il codice

<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style ">
<a class="addthis_button_preferred_1"></a>
<a class="addthis_button_preferred_2"></a>
<a class="addthis_button_preferred_3"></a>
<a class="addthis_button_preferred_4"></a>
<a class="addthis_button_compact"></a>
<a class="addthis_counter addthis_bubble_style"></a>
</div>
<script type="text/javascript">var addthis_config = {"data_track_addressbar":true};</script>
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-53355d2871d54083"></script>
<!-- AddThis Button END -->

in proprietà della pagina/esperto/all'interno del tag body. Se non è il posto giusto, quello giusto quale sarebbe?

2) Il codice

<div class="fb-share-button" data-href="http://www.adozioneanimalibaffiezampette.it/cani--10.html" data-type="button_count"></div>

l'ho incollato in una casella posizionate subito dopo l'immagine della tabella col boxer, all'interno di una cella "html e widgets"....

Ora x magia è comparsa una serie di bottoni x la condivisione social sulla home (in alto a sinistra).

Diciamo che quella serie di bottoni sarebbe quella che farebbe più al caso mio, ma vorrei poterla collocare all'interno del contenuto della pagina e poterne decidere la posizione esatta. Questo però mi permette di condividere il contenuto dell'intera pagina.... io vorrei anche rendere attuabile un'altra cosa:

quella di creare per ogni animale una casella di testo (con brevissima descrizione e 1 foto) e relativa serie di pulsanti social. In questo modo su fb sarebbe condivisa non l'intera pagina ma ogni singolo animale proposto attraverso il sito.

Scusate, mi sono dilungata con la speranza di riuscire a spiegarvi le mie intenzioni... ci sono riuscita? Spero di si perchè questo progetto, seppur non a scopo di lucro, mi sta molto a cuore!

Lire plus
Posté le de Mary P.
Mary P.
Mary P.
User
Auteur
Mary P.
quella di creare per ogni animale una casella di testo (con brevissima descrizione e 1 foto) e relativa serie di pulsanti social. In questo modo su fb sarebbe condivisa non l'intera pagina ma ogni singolo animale proposto attraverso il sito.

Insomma, un po' come avviene per gli articoli del blog!

Lire plus
Posté le de Mary P.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... non in ESPERTO | /BODY ...

... se il codice è corretto e completo, prova ad incollare il tutto in un  Oggetto HTML&WIDGETS | pannello HTML...

... fai la prova...

... eventualmente dopo, prova a mettere solo i codici SCRIPT in Proprietà Pagina | pannello ESPERTO | HEAD, ...ma non so se servirebbe poi a tanto; ...come già sai non so cosa sono e non ho il programma, ...ma la prova puoi farla...

.

ciao

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Mary P.
Mary P.
User
Auteur

Ragazzi, intanto grazie. Sto ragionando su quello che mi avete scritto e sto facendo un tot di esperimenti x cercare di mettere in pratica i vostri suggerimenti, ma per adesso sono in tilt! Non sono ancora riuscita a capire come creare un'interazione tra il mio sito (o meglio: tra i singoli annunci del mio sito) e fb (che poi è il social che mi interessa di più). Adesso piuttosto provo a farvi un esempio pratico di quello che vorrei realizzare, disegnandolo con illustrator. Poi voi mi direte se una cosa del genere è attuabile e eventualmente come! Grazie ancora, a presto!

Lire plus
Posté le de Mary P.
Mary P.
Mary P.
User
Auteur

Ragazzi, alla fine ho incollato il codice

<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style ">
<a class="addthis_button_preferred_1"></a>
<a class="addthis_button_preferred_2"></a>
<a class="addthis_button_preferred_3"></a>
<a class="addthis_button_preferred_4"></a>
<a class="addthis_button_compact"></a>
<a class="addthis_counter addthis_bubble_style"></a>
</div>
<script type="text/javascript">var addthis_config = {"data_track_addressbar":true};</script>
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-53355d2871d54083"></script>
<!-- AddThis Button END -->

all'interno delle pagine, usando la funzione "html e widgtets" ma visto che sono imbranata e vorrei che la serie di pulsanti comparisse al centro della pagina e non a sinistra.... cosa devo fare???

Lire plus
Posté le de Mary P.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... l'oggetto HTML&WIDGETS puoi sistemarlo dove vuoi, in qualsiasi cella e più di una, ed alla cella stessa, dal suo menu (=), puoi assegnare allineamenti relativi ad essa...

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Mary P.
Mary P.
User
Auteur

Ciao KolAsim! Mi spieghi come esattamente? Perchè indipendentemente dalla cella in cui colloco il codice (e anche se io alla cella ho dato come posizione il centro...) i pulsanti compaiono in automatico sulla sinistra. Ho provato anche a modificare il codice inserendo  <div align="codice pulsanti già citato">Il mio testo</div> ma non ho ottenuto risultati!

Lire plus
Posté le de Mary P.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... nel menu della cella, in alto, dovresti trovare questo simbolo:  

... apri il secondo, e prova le opzioni...

... posta anche un link delle pagina di prove che stai facendo, in modo da osservare sul concreto...

.



Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Mary P.
Mary P.
User
Auteur

Come esempio ti allego il link della home page:

http://www.adozioneanimalibaffiezampette.it/index.html

la cella in cui si trova il codice è larga quanto tutta la pagina, ha allineamento al centro sia in verticale che in orizzontale e i margini (sia interni che esterni) impostati con valore zero.

Quando avrai visto il risultato provo ad impostare il margine sinistro per esempio a 20 o giù di lì, esporto e ti mostro cosa succede (un casino). Non posso farti semplicemente lo stamp dell'anteprima perchè i pulsanti in anteprima non compaiono proprio...

Lire plus
Posté le de Mary P.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... secondo me commetti un errore alla fonte, la dove prelevi il codice, perchè vedo assegnato uno STYLE proprio: 

<div class="addthis_toolbox addthis_default_style ">

... prova a verificare i parametri che puoi scegliere...

...

... non avendo programmi e neanche un PC valido, l'unica cosa che mi viene in mente sarebbe quello di incorporare il codice dentro un DIV-CUSTOM...

... il tuo codice lo devi inserire dentro il TAG di un DIV evidenziato in grassetto, in questo modo:

_______________________________________________

<div style="position:relative;margin:0 auto; width:140px;height:20px;">
<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style "> <a class="addthis_button_preferred_1"></a> <a class="addthis_button_preferred_2"></a> <a class="addthis_button_preferred_3"></a> <a class="addthis_button_preferred_4"></a> <a class="addthis_button_compact"></a> <a class="addthis_counter addthis_bubble_style"></a> </div> <script type="text/javascript">var addthis_config = {"data_track_addressbar":true};</script> <script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-53355d2871d54083"></script>
<!-- AddThis Button END -->
</div>

_______________________________________________

... io ho valutato una larghezza di 140 pixel, eventulamente aumenta...

.

... fammi sapere quando avrai fatto che andrò a verificare...

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... meglio così, ...ho visto, ...OK...

.

ciao

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Mary P.
Mary P.
User
Auteur

Grande! Grazie ancora!!!

Lire plus
Posté le de Mary P.