Come creare ndovinello su Facebook che riveli soluzione ai fan?

MarcoMan46 · 04-07-2010, 07:04 PM

Salve a tutti! vorrei creare un indovinello su facebook che fa in modo che dopo che uno clicca su "diventa fan" fa vedere la soluzione, ma non riesco a fare il codice da mettere su FBML per fare questo. Penso possa essere un misto di javascript e html. E' una cosa semplice perchè forse è un if ma non ci riesco.
Servirebbe il codice con l'if per visualizzare la scritta o l'immagine dopo che il bottone diventa fan è stato cliccato! Qualcuno mi può aiutare? grazie a tutti in anticipo!

Quinto · 06-23-2024, 07:17 PM

Per creare un'indovinello su Facebook che rivela la soluzione solo dopo che l'utente è diventato fan della tua pagina, puoi utilizzare il linguaggio FBML (Facebook Markup Language) che è stato deprecato. Tuttavia, un metodo alternativo moderno può essere implementato usando le funzionalità di Facebook SDK per JavaScript insieme a HTML.

Ecco una guida passo-passo su come puoi realizzare questo:

Crea una nuova app su Facebook per ottenere l'App ID:
Vai su Facebook Developers.
Crea una nuova app e prendi nota dell'App ID.

Includi il Facebook SDK per JavaScript nel tuo sito web o applicazione:

Codice PHP:


			
<!DOCTYPE html>

<html>

<head>

    <title>Indovinello Facebook</title>

</head>

<body>



<div id="fb-root"></div>

<script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js"></script>

<script>

  window.fbAsyncInit = function() {

    FB.init({

      appId      : 'YOUR_APP_ID', // Sostituisci con il tuo App ID

      cookie     : true,

      xfbml      : true,

      version    : 'v13.0' // Sostituisci con la versione SDK corrente

    });



    FB.AppEvents.logPageView();   



    // Controlla lo stato di login e se l'utente è fan della pagina

    FB.getLoginStatus(function(response) {

      if (response.status === 'connected') {

        checkIfUserIsFan();

      } else {

        document.getElementById('not-a-fan').style.display = 'block';

      }

    });



    function checkIfUserIsFan() {

      FB.api('/me/likes/YOUR_PAGE_ID', function(response) { // Sostituisci con il tuo Page ID

        if (response.data.length > 0) {

          document.getElementById('solution').style.display = 'block';

          document.getElementById('not-a-fan').style.display = 'none';

        } else {

          document.getElementById('not-a-fan').style.display = 'block';

        }

      });

    }

  };



  (function(d, s, id){

     var js, fjs = d.getElementsByTagName(s)[0];

     if (d.getElementById(id)) {return;}

     js = d.createElement(s); js.id = id;

     js.src = "https://connect.facebook.net/en_US/sdk.js";

     fjs.parentNode.insertBefore(js, fjs);

   }(document, 'script', 'facebook-jssdk'));

</script>



<h1>Indovinello</h1>

<p>Qual è l'animale che pur non essendo un uccello vola?</p>



<div id="solution" style="display:none;">

  <h2>Soluzione: Il pipistrello!</h2>

</div>



<div id="not-a-fan" style="display:none;">

  <p>Diventa fan della nostra pagina per vedere la soluzione!</p>

  <div class="fb-like" data-href="https://www.facebook.com/YOUR_PAGE_URL" data-width="" data-layout="button" data-action="like" data-size="large" data-share="false"></div>

</div>



</body>

</html>

l>

Personalizza il codice:
Sostituisci YOUR_APP_ID con il tuo App ID di Facebook.
Sostituisci YOUR_PAGE_ID con l'ID della tua pagina Facebook.
Sostituisci YOUR_PAGE_URL con l'URL della tua pagina Facebook.

Questo codice fa in modo che:

Quando la pagina si carica, viene inizializzato il Facebook SDK.
Viene controllato se l'utente è loggato e se è fan della pagina.
Se l'utente è fan, viene mostrata la soluzione dell'indovinello.
Se l'utente non è fan, viene mostrato un messaggio che invita a diventare fan.

Nota: Con i continui aggiornamenti di Facebook, verifica che le API e le versioni utilizzate siano attuali.

Discussioni simili
Discussione	Ha iniziato questa discussione	Forum	Risposte	Ultimo messaggio
Miei consigli per come fare a velocizzare il PC (non i soliti)	stvpls	Informatica	1	05-29-2023 07:58 PM
Se per farti tacere si inventano una malattia che non hai?	ROSINABUONISSIMA	Medicina	1	05-10-2018 09:33 AM

Menu

Come creare ndovinello su Facebook che riveli soluzione ai fan?