Tutorial: Oferecendo conteúdo premium em troca de curtidas no Facebook

  • Autor Autor bacanzito
  • Data de início Data de início
Este tópico foi traduzido automaticamente do espanhol. Ver original
bacanzito

bacanzito

Eta
Usuário com poucas negociações! Use sempre o saldo do ForoBeta!
Clique em curtir no Facebook para baixar ou ver conteúdo premium Wordpress!

É comum hoje em dia oferecer conteúdo premium grátis (freemium) ou downloads em troca de uma curtida. Link removido

Navegando pela Web, encontrei este script completo criado por “easyjquery”, que é desenvolvido em jQuery e nos permite oferecer conteúdo para download ou premium em troca de uma “curtida” no Facebook, um Tweet ou um G+ do Google.


Sua implementação é simples, basta seguir estes passos:

1. Crie um arquivo html e entre as tags <head> … </head> cole o seguinte:

PHP:
<script language="Javascript" type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script language="Javascript" type="text/javascript" src="http://api.easyjquery.com/easyjquery.js"></script>
<!-- facebook like by easyjquery.com --->
<script language="Javascript" src="http://api.easyjquery.com/easyjquery.facebook.js"></script>
<link rel="stylesheet" type="text/css" href="http://api.easyjquery.com/facebook_like.css">
<script src="http://connect.facebook.net/en_US/all.js"></script>
<script src="http://platform.twitter.com/widgets.js"></script>
<!-- end facebook like --->

Na primeira linha do código incluímos a biblioteca jQuery, na segunda linha o plugin “easyjquery.js” desenvolvido pela easyjquery, nas seguintes são incluídos os arquivos necessários para criar o botão ”curtir” e dar estilo à janela pop-up, assim como arquivos para acessar determinadas funcionalidades do Facebook e Twitter.

Depois do salto, os demais passos simples e o link para baixar o código de exemplo.


2. A seguir, colamos o seguinte código, também entre as tags <head> … </head>:

PHP:
<script language="Javascript">
    var fb_start_countdown = 120;
    var fb_lock_by_url = false;
    var fb_disable_one_time_by_countdown = false;
    var fb_login_app_id = '146085172138700';
    var my_facebook_page_id = '226219960818494';
    var my_facebook_page = "https://www.facebook.com/loquenecesita"; // use for like
    // http://graph.facebook.com/your_page_name to see the ID
</script>

Neste fragmento de script configuramos a aplicação:

fb_start_countdown: Segundos que queremos que transcorram antes que a janela pop-up se feche sozinha.
fb_login_app_id: ID da aplicação criada no Facebook. Para criar a aplicação, você deve ir a https://developers.facebook.com/apps e criar uma aplicação nova, lá certifique-se de incluir o domínio onde estará nosso arquivo HTML, com isso o Facebook autorizará as permissões.
Com http://graph.facebook.com/el_nombre_de_tu_aplicacion” você pode obter o ID da sua nova aplicação.
my_facebook_page_id: É o ID da página que você quer que curtam, você obtém isso ao editar suas páginas do Facebook.
my_facebook_page: A URL da página que você quer que curtam.

3. Cole o seguinte código entre as tags <body> … </body> do seu documento HTML:

PHP:
<div id="fb-root"></div>
<!-- start easy facebook login -->
<div id="easy_fbbg" style="opacity: 0.25; display: none;"></div>
<div id="easy_fblkpop" style="top: 130px; left:50%; display: none;">
    <!-- callback class, do not remove -->
    <noscript><a href="http://www.easyjquery.com" title="API Callback Facebook Like">EasyjQuery API Facebook and GEO API</a></noscript>
    <!-- end callback -->
    <div id="fb_fb_head"><div id="fb_my_close"></div>
        <h1>Premium Contents</h1>
    </div>
    <div id="easy_popupMessage">
        This is Premium Page. You need like, +1 to view content.
        <div style="text-align:center;">
            <a href="#" onclick="easyjquery_fb_login();" ><img src="http://i1229.photobucket.com/albums/ee470/khoaofgod/subscribe.gif" border=0 align=""></a>
            <div id="main_easyjquery_content">
                <table width=100% class="my_easy_fb_table">
                    <tr><td align=right >
                        <fb:like send="false" layout="button_count" width="60" show_faces="false"></fb:like>
                    </td>
                    <td align=center >
                        <a href="https://twitter.com/share" class="twitter-share-button" >Tweet</a>
                            <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
                    </td>
                    <td

Com isso, incluímos a janela pop-up que impede o acesso direto ao conteúdo premium ou de download, assim como seu aspecto. Aqui podemos personalizar o conteúdo à nossa maneira, assim como também poderemos remover divs que não precisarmos.

4. Por último, colamos o seguinte código antes da tag de fechamento … </body>, com isso carregamos a configuração no site que queremos bloquear.

PHP:
<script language="Javascript">
    FB.init({
      appId  : fb_login_app_id,
      status : true,
      cookie : true,
      xfbml  : true
    });

    $(document).ready(function() {
        // If you only want to use cookie to check like page, use this function: easyjquery_check_locking();
        easyjquery_fb_checklike(my_facebook_page_id); // remove this if u use easyjquery_check_locking();
        // facebook call back
        easyjquery_facebook_like_callback();
        // tweeter call back, remove if no use
        easyjquery_tweeter_callback();
    });
</script>

Com isso, já podemos entregar conteúdo premium ou downloads em troca de uma curtida, um tweet ou um G+.

Se você está na área de marketing, sem dúvida será de muita ajuda, já que graças à viralidade você pode divulgar seus sites a custo monetário zero, o script é gratuito e você pode compartilhá-lo livremente.

Pode baixar o código de exemplo e modificá-lo ao seu gosto.

demo : Link removido

fonte: Link removido
 
Foi útil? Participe da conversa

Com sua conta grátis você pode responder, mandar mensagem privada ao autor e comprar com Saldo retido: o pagamento é liberado quando você recebe o combinado.

Leva 30 segundos · você volta a este tópico ao terminar
Tópico aprovado, grande contribuição [MENTION=34791]bacanzito[/MENTION] já foi adicionado à lista de tutoriais.
 
Obrigado, estava procurando por isso:encouragement:
 
não consegui implementar. mas obrigado mesmo assim 😀
 
talvez me sirva no futuro, obrigado :encouragement:
 
Adicionado aos favoritos, vamos ver se amanhã coloco para funcionar! :encouragement:
 
obrigado, estava procurando por isso nestes dias :encouragement:
 
Obrigado, uma contribuição realmente útil.
 
Exatamente o que eu procurava, vou levar :encouragement:
 
obrigado por este tutorial 🙂 tentarei implementá-lo em meu site :encouragement:
 
Obrigado, uma contribuição bastante útil...
 
Parece muito bom, vou salvar este post e depois testo, graças a este script e ao tema do meu site, acho que vou ter resultados muito bons. Obrigado pelo tutorial e pela contribuição!!
 
Bom, não testei, em alguns dias com tempo testarei. Excelente contribuição amigo obrigado😛8:
 
Obrigado por este tutorial, companheiro, agradeço!:encouragement:
 
Obrigado cara, isso vai me servir muito para aumentar meus fãs no Facebook!
 
Acabei de encontrar e veio na hora certa, obrigado pela explicação.
 
Alguém poderia me ajudar porque não consigo fazer funcionar ou estou fazendo errado. Todo esse código vai dentro de um único .html? Ou alguém tem ele montado para entender melhor?, abraços.
 
Vou testar, muito obrigado
 
Obrigado pelo tutorial.
 
Muito bom, companheiro 😱nthego:
 
Voltar
Topo