WebSite X5Help Center

 
Stefano P.
Stefano P.
User

Problema visualizzazione da cellulare  it

Author: Stefano P.
Visited 276, Followers 1, Shared 0  

Buonasera,

ho riscontrato un problema ma non riesco ad uscirne.

Spiego meglio nel dettaglio.

Premesso che non ho sviluppato il sito in modalità RESPONSIVE per scelta, nella home in una cella ho inserito il codice html per incorporamento pagina facebook.

Nella stessa cella ho impostato tramite "stile dell'oggetto" la cella con immagine di sfondo.

Quando ho caricato online il sito (ora è offline) tramite visualizzazione da PC nessun problema ma tramite visualizzazione da cellulare vedo tutto correttamente ma nella cella mi lascia solo l'immagine di sfondo e quindi è come non mi avesse preso il codice html.

Poteti darmi info su questo errore grazie e un saluto a tutti.

Lascio qui sotto il codice html che ho usato.

<br>
<br>
<div class="fb-page" data-href="https://www.facebook.com/fccarpenedolo/" data-tabs="timeline" data-width="467" data-height="570" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"><blockquote cite="https://www.facebook.com/fccarpenedolo/" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/fccarpenedolo/">FC Carpenedolo</a></blockquote></div>

Posted on the
14 ANSWERS - 4 USEFUL
Stefano P.
Stefano P.
User
Author

Grazie Claudio ma che logica di facebook è dai...

pazzesco non ho parole.

Read more
Posted on the from Stefano P.
Giuseppe Guida
Giuseppe Guida
User

Ciao Claudio, ho trovato questo, ma non so cosa sia questa "versione discreta"... Forse con questa "versione discreta" si potrebbe risolvere da mobile?

Read more
Posted on the from Giuseppe Guida
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Best User of the month ESBest User of the month PT
Stefano P.
... ... ... Quando ho caricato online il sito (ora è offline) tramite visualizzazione da PC nessun problema ma tramite visualizzazione da cellulare vedo tutto correttamente ma nella cella mi lascia solo l'immagine di sfondo e quindi è come non mi avesse preso il codice html.... ... ...

... forse dovresti postare il LINK di esempio per poter interpretare e valutare qualcosa...
... il tuo codice postato nel primo post è un semplice e normale collegamento che funziona allo stesso modo sia da PC che da smartphone...
...
... se invece vuoi usare l'oggetto facebook  del programma, con il mio codice/escamotage (già anticipato da Claudio)  puoi continuare ad usarlo normalmente nel PC, ed a risoluzioni ridotte sostituirlo automaticamente con una immagine con collegamento per lo stesso scopo...
... già alcuni utenti anche in altre lingue lo hanno capito, preferito ed adottato...

.

ciao

.

Read more
Posted on the from  ‪ KolAsim ‪ ‪
Giuseppe Guida
Giuseppe Guida
User

Se ti interessa, io ho creato questa pagina che da PC si vede normalmente con l'oggetto Facebook Plugin di Website X5, mentre con uno script, da mobile mi fa visualizzare un messaggio di alert con link per visitare la mia pagina FB:

Per provare visita il seguente link da PC e poi da smartphone:https://www.bozzasito001.altervista.org/social_plugin/social-plugin.html

Il codice per far apparire quel messaggio di alert solo da dispositivi mobili l'ho inserito in un Oggetto HTML all'interno della stessa pagina contente l'Oggetto Facebook Plugin.

Nella sezione "Codice HTML" dell'Oggetto HTML inserisci questo script:

<div id="FBmobile"></div>

<script>
// Funzione per determinare se l'utente è da dispositivo mobile
function isMobileDevice() {
return /Mobi|Android|iPhone|iPad|iPod/i.test(navigator.userAgent);
}

// Se l'utente è da dispositivo mobile, aggiungi questo messaggio al div
if (isMobileDevice()) {
document.getElementById('FBmobile').innerHTML +=
'ATTENZIONE! Questa sezione è visibile da PC ma potrebbe non essere visibile su Smartphone e Tablet. In alternativa visita la mia Pagina Facebook <a href="https://www.facebook.com/giuseppeguidacabaret"><br>CLICCANDO QUI</a>';
}
</script>

Mentre nella sezione "Esperto" dello stesso Oggetto HTML, inserisci questo CSS (CSS modificabile a piacere dall'utente in base a quale grandezza vuole del testo e quale colore. Si possono aggiungere altre formattazioni al messaggio di alert inserendo gli opportuni CSS):

#FBmobile {
font-size: 18px;
color: #000;
}

Occhio soltanto a sostituire l'URL della mia Pagina Facebook evidenziato in grassetto nello script con i'URL della tua Pagina Facebok

Ciao

Read more
Posted on the from Giuseppe Guida
Giuseppe Guida
Giuseppe Guida
User

P.S. Ho letto solo dopo il post di KolAsim che mi era sfuggito, fondamentalmente credo sia lo stesso metodo usato da Kol, a lui appare immagine con link a me messaggio di Alert con link.

Read more
Posted on the from Giuseppe Guida
Stefano P.
Stefano P.
User
Author

Vi ringrazio ma quello che mi suggerite non fa al caso mio perchè sostanzialmente ho creato uno sfondo cella che rappresenta un tablet dove all'interno puoi far scorrere la pagina facebbok inserita con codice html nella home page tra l'altro.

Quindi anche a livello grafico ha il suo perchè a livello di impatto.

Read more
Posted on the from Stefano P.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Best User of the month ESBest User of the month PT

... come detto prima, il tuo precedente codice è un normale collegamento che non comporta problemi di sorta, quindi senza vedere nulla non si può valutare...

.

ciao

Read more
Posted on the from  ‪ KolAsim ‪ ‪
Claudio D.
Claudio D.
Moderator
Best User of the month IT

@KolAsim

nella parte alta della pagina il codice che Facebook "spaccia" per "discreto" ... ma non cambia nulla... sul mio smartphone non si vede , sul tablet si... 

nella parte bassa il codice di Stefano , che è quasi identico

https://claudio-d.websitex5.me/gallery/facebook.html

Read more
Posted on the from Claudio D.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Best User of the month ESBest User of the month PT

... ciao Claudio, ... per il tuo esempio:

> (+) mi funzionano ambedue nel PC

> (-) nessuno dei due mi funzionano nello smartphone, e senza traccia, nessun contenuto alternativo;

> (-) il tuo codice 1°esempio messo in una mia pagina HTML CUSTOM non mi produce nessun effetto visivo nè nel PC e nè nello smartphone;

> (+/-) il codice iniziale di Stefano messo in una mia pagina HTML CUSTOM mi produce il normale collegamento testuale <a>, sia nel PC che nello smartphone;

> (-) la tua copia (2°esempio) del codice di Stefano messo in una mia pagina HTML CUSTOM non mi produce nessun effetto visivo, nessun contenuto alternativo, nè nel PC e nè nello smartphone.

.

ciao

.

Read more
Posted on the from  ‪ KolAsim ‪ ‪
Claudio D.
Claudio D.
Moderator
Best User of the month IT
 ‪ KolAsim ‪ ‪
... ciao Claudio, ... per il tuo esempio: > (+) mi funzionano ambedue nel PC > (-) nessuno dei due mi funzionano nello smartphone, e senza traccia, nessun contenuto alternativo; > (-) il tuo codice 1°esempio messo in una mia pagina HTML CUSTOM non mi produce nessun effetto visivo nè nel PC e nè nello smartphone; > (+/-) il codice iniziale di Stefano messo in una mia pagina HTML CUSTOM mi produce il normale collegamento testuale <a>, sia nel PC che nello smartphone; > (-) la tua copia (2°esempio) del codice di Stefano messo in una mia pagina HTML CUSTOM non mi produce nessun effetto visivo, nessun contenuto alternativo, nè nel PC e nè nello smartphone.

strano non si veda nulla sul pc... hai mica qualche adblocker ? perchè se si, FB non appare...

io vedo questo da pc 

Read more
Posted on the from Claudio D.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Best User of the month ESBest User of the month PT

... sul PC mi funziona come da tuo STAMP ... wink...

 ‪ KolAsim ‪ ‪
... ... ...  > (+) mi funzionano ambedue nel PC ... ... ... 

ciao

Read more
Posted on the from  ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Best User of the month ESBest User of the month PT

... riprovata la mia prova CUSTOM e rettifico gli ultimi due dei miei precedenti risultati:

> (+) il codice iniziale di Stefano messo in una mia pagina HTML CUSTOM adesso mi ha funzionato solo nel PC;

> (+) la tua copia (2°esempio) del codice di Stefano messo in una mia pagina HTML CUSTOM adesso mi ha funzionato solo nel PC;

...!... dimenticavo, ...in presenza di questa dichiarazione supplementare:

<script  async  defer  crossorigin="anonymous"src="https://connect.facebook.net/it_IT/sdk.js#xfbml=1&version=v21.0"></script>

.

Read more
Posted on the from  ‪ KolAsim ‪ ‪