Problema visualizzazione da cellulare
Автор: Stefano P.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>
se ho capito...
quello che dici dipende da Facebook...
l'incorporamento delle pagine Facebook NON funziona più da smartphone...
leggi qui
https://helpcenter.websitex5.com/ru/post/267117
e qui direttamente dall'assistenza Facebook
https://developers.facebook.com/community/threads/1044180407107320/
Автор
Grazie Claudio ma che logica di facebook è dai...
pazzesco non ho parole.
non ne ho idea...
la spiegazione ma senza motivazione è qui
https://developers.facebook.com/docs/plugins/faqs#faq_1585575021764180
Ciao Claudio, ho trovato questo, ma non so cosa sia questa "versione discreta"... Forse con questa "versione discreta" si potrebbe risolvere da mobile?
... 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
.
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
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.
Автор
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.
... 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
@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
... 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
.
strano non si veda nulla sul pc... hai mica qualche adblocker ? perchè se si, FB non appare...
io vedo questo da pc
... sul PC mi funziona come da tuo STAMP ... ...
ciao
... 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>
.