The Most Active and Friendliest
Affiliate Marketing Community Online!

“Propeller”/  MyBid

Pay with a tweet, Facebook like or G+

LeChuck

Member
affiliate
Hi,

Do you own a landing page with freebies on it ? How cool it will be if you can drive more targeted traffic into this page with no effort ?

Let me explain :
When someone is landing on your web page, you probably ask for their emails before they can get your free stuff.
This actually a good way to build a list, but it will not help you get more visitors in no time.

With some easy to understand code you can completelly explode your traffic. BOOM !

I have made a simple example here to show you the potential of the script : Cover Template for Bootstrap

And here the code, you can easilly edit it (Only use facebook and G+ for example)
The best use for this script is the following :

Once your lead enter is email, redirect hime to your Pay with a Tweet page, you get his email AND a social share !

Awesome, isn't it ?

Here is the code fully commented :

HTML:
            <html xmlns:fb="http://ogp.me/ns/fb#">
               <head>
                   <title>Pay with a Tweet, Facebook Like or Google +1</title>
                   <!--  Social Payments by Digital Inspiration (2013)
                   /*  Edited by LeChuck for AffiliateFix                  */
                   /*  You are free to use, modify or republish this code  */ -->
               </head>
               <body>
               <div id="fb-root"></div>
               <script type="text/javascript">

                   function lechuck() {
                     // The file URL that visitors can download after their Like/tweet/+1
                     var url = "http://www.google.com/";
                     url = "<a href='" + url + "'>Click here</a> to download the file.";
                     document.getElementById("restricted").innerHTML = url;
                   }

                   window.fbAsyncInit = function() {
                     FB.init({ status : true, cookie : true, xfbml  : true });
                     FB.Event.subscribe('edge.create', function(response) { lechuck(); });
                   };

                   (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 = "//connect.facebook.net/en_US/all.js";
                     fjs.parentNode.insertBefore(js, fjs);
                   }(document, 'script', 'facebook-jssdk'));

                   window.twttr = (function (d,s,id) {
                     var t, js, fjs = d.getElementsByTagName(s)[0];
                     if (d.getElementById(id)) return; js=d.createElement(s); js.id=id;
                     js.src="//platform.twitter.com/widgets.js";
                     fjs.parentNode.insertBefore(js, fjs);
                     return window.twttr || (t = { _e: [], ready: function(f){ t._e.push(f) } });
                   }(document, "script", "twitter-wjs"));

                   twttr.ready(function (twttr) {
                     twttr.events.bind('tweet', function(event) {
                       lechuck();
                     });
                   });

                   (function() {
                     var po = document.createElement('script');
                     po.type = 'text/javascript'; po.async = true;
                     po.src = 'https://apis.google.com/js/plusone.js';
                     var s = document.getElementsByTagName('script')[0];
                     s.parentNode.insertBefore(po, s);
                   })();
               </script>

                <div id="restricted">

                 <!-- Add the default text of the tweet and your Twitter handle -->
                 <a href="https://google.com/"
                     data-text="Hello world !"
                     data-via="lechuck" class="twitter-share-button" data-lang="en"></a>

                 <!--// The URL of the page that visitor need to +1 on Google Plus-->
                 <g:plusone size="medium" callback="lechuck"
                     href="http://www.google.com/"></g:plusone>

                 <!--// The full URL of your Facebook Page goes here-->
                 <fb:like href="http://www.facebook.com/google" send="false"
                     layout="button_count" width="220" show_faces="false"></fb:like>
</div>
    </body>
  </html>
 
banners
Back