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.