How does he do that? (Revealing content after hoplink is clicked)

by GeorgR. 20 replies
There is a site, i dont want to post the URL.

He is listing several clickbank products. He has a very nifty way to "force" people to click on the clickbank hoplinks:



The second button is gray/inactive. If you click on the first button (his hoplink) a small window pops up with the clickbank vendor site...and the second button becomes active and you can see the "deals".

This is a wonderful "clean" way to set a clickbank cookie since the user has to execute a valid and clean hoplink.

I examined the code and its done with some CSS trickery, but my question is whether there is a plugin or "gateway" doing this. (It works similar to those CPALead gateways). He uses wordpress and uses this method in all his posts...and i am pretty sure there must be a plugin doing this.

Thanks!
#main internet marketing discussion forum #clicked #content #hoplink #revealing
Avatar of Unregistered
  • Profile picture of the author slimjim2010
    Banned
    [DELETED]
    {{ DiscussionBoard.errors[2173431].message }}
    • Profile picture of the author rapidscc
      Originally Posted by slimjim2010 View Post

      Well that wasn't to hard to find the URL.

      Since you said it must be CSS, just search for the exact text in the button with Google search.

      Here is the code behind the button (I removed part of the bitly url):
      HTML Code:
      <li><div class="btn btn_verify"><a href="http://bit.ly/" onclick="enableStep2('FLFENGLISH', '3')" target="_blank" rel="nofollow">→ STEP 1: &nbsp;Click here to verify product site</a><span></span></div><div class="clear"></div></li>
      Still looking for the Class code "btn btn_verify"
      When I saw the OP I thought that it was similar to some facebook group scripts where you can't proceed to the next step without taking the first step.

      It's been in my mind, though I wasn't able to dig deeper into it.

      Now it seems that it's easily achieved via CSS. I'm just wondering if the CSS script can be applied to Facebook mark up language.

      No time to try now since I'm finishing the first part of my article marketing campaign. I hope some of you warriors can verify this.

      All the best,
      {{ DiscussionBoard.errors[2173450].message }}
  • Profile picture of the author slimjim2010
    Banned
    [DELETED]
    {{ DiscussionBoard.errors[2173439].message }}
    • Profile picture of the author Trapped
      Originally Posted by slimjim2010 View Post

      Might be this bit of code calling javascript?

      HTML Code:
      onclick="enableStep2('FLFENGLISH', '3')
      Still looking...
      yup, that is the code that is enabling the second button. It is just as simple as that, if button 1 clicked then enable button 2.
      {{ DiscussionBoard.errors[2173446].message }}
  • Profile picture of the author GeorgR.
    working on it. Yes the code is very simple...just wondering if he used some custom code or some already existing plugin. I am making a test HTML site right now with this.
    Signature
    *** Affiliate Site Quick --> The Fastest & Easiest Way to Make Affiliate Sites!<--
    -> VISIT www.1UP-SEO.com *** <- Internet Marketing, SEO Tips, Reviews & More!! ***
    *** HIGH QUALITY CONTENT CREATION +++ Manual Article Spinning (Thread Here) ***
    Content Creation, Blogging, Articles, Converting Sales Copy, Reviews, Ebooks, Rewrites
    {{ DiscussionBoard.errors[2173503].message }}
  • Profile picture of the author da1fitz
    I guess the script would look something like :

    htmltag input type = "button" name="button1" Onclick="Javascript:window.open(yourcbwindow);butt on2.disabled=false" close htmltag

    htmltag input type="button" name="button2" disabled close htmltag

    Should more or less give the same result I think.

    Paul
    {{ DiscussionBoard.errors[2173508].message }}
    • Profile picture of the author GeorgR.
      Originally Posted by da1fitz View Post

      I guess the script would look something like :

      htmltag input type = "button" name="button1" Onclick="Javascript:window.open(yourcbwindow);butt on2.disabled=false" close htmltag

      htmltag input type="button" name="button2" disabled close htmltag

      Should more or less give the same result I think.

      Paul
      The problem is that that CBWindow (the hoplink) should not open automatically by script or frame...but the user NEEDS to click the link. Just to make sure to 100% comply with clickbank TOS. And i dont know whether onclick (and then open the window by script) would be kosher.
      Signature
      *** Affiliate Site Quick --> The Fastest & Easiest Way to Make Affiliate Sites!<--
      -> VISIT www.1UP-SEO.com *** <- Internet Marketing, SEO Tips, Reviews & More!! ***
      *** HIGH QUALITY CONTENT CREATION +++ Manual Article Spinning (Thread Here) ***
      Content Creation, Blogging, Articles, Converting Sales Copy, Reviews, Ebooks, Rewrites
      {{ DiscussionBoard.errors[2173658].message }}
  • Profile picture of the author GeorgR.
    ah i am a genius j/k

    IMEye Deal - $100 Off!

    I love it...

    I also added a short delay before it reveals the button to make sure the site is actually loaded and cookie is really set.
    Signature
    *** Affiliate Site Quick --> The Fastest & Easiest Way to Make Affiliate Sites!<--
    -> VISIT www.1UP-SEO.com *** <- Internet Marketing, SEO Tips, Reviews & More!! ***
    *** HIGH QUALITY CONTENT CREATION +++ Manual Article Spinning (Thread Here) ***
    Content Creation, Blogging, Articles, Converting Sales Copy, Reviews, Ebooks, Rewrites
    {{ DiscussionBoard.errors[2173650].message }}
  • Profile picture of the author GuerrillaIM
    It's very clever and a lot more ethical than the usual use of this script.
    {{ DiscussionBoard.errors[2173691].message }}
    • Profile picture of the author Intrepreneur
      Here is the Javascript. There's also a little bit on the next pasted part of his code.

      Code:
      <script type="text/javascript">
      /* <![CDATA[ */
      function revealStep2(cName, numDeals) {
      var deals = '';
      if (numDeals > 1) deals = 'all ' + numDeals + ' deals';
      else deals = 'the deal';
      jQuery('span[class=' + cName + ']').fadeOut('slow');
      jQuery('span[class=' + cName + ']').html('<a href="#" onclick="displayDeals(\'' + cName + '\'); return false;">Click here to display ' + deals + '</a>');
      jQuery('span[class=' + cName + ']').fadeIn('slow');
      }
      function enableStep2(cName, numDeals) {
      var deals = '';
      if (numDeals > 1) deals = 'all ' + numDeals + ' deals';
      else deals = 'the deal';
      jQuery('li[class=display ' + cName + ']').fadeOut('slow');
      jQuery('li[class=display ' + cName + ']').html('<div class="btn btn_reveal"><a href="#" onclick="displayDeals(\'' + cName + '\'); return false;">&rarr; STEP 2: &nbsp;Click here to display ' + deals + '</a><span></span></div><div class="clear"></div>');
      jQuery('li[class=display ' + cName + ']').fadeIn('slow');
      }
      function displayDeals(cName) {
      jQuery('div[class=' + cName+ ']').slideDown();
      }
      /* ]]> */
      </script>
      Then here is the code used on both buttons

      Code:
      <div class="btn btn_verify"><a href="http://bit.ly/baOpSK" onclick="enableStep2('RICHJANI', '5')" target="_blank" rel="nofollow">&rarr; STEP 1: &nbsp;Click here to verify product site</a><span></span></div>
      <div class="clear"></div>
      </li>
      <li class="display RICHJANI">
      <div class="btn"><a href="#" onclick="return false">&rarr; STEP 2: &nbsp;Click here to display all 5 deals</a><span></span></div>
      <div class="clear"></div>
      </li>
      </ul>
      <div class="RICHJANI">
      <blockquote><p>Rich Janitor Full Work-At-Home Program + Bonuses & Unlimited Support – <strong>$77.00</strong> – (<a href="http://bit.ly/b7RmY7" target="_blank" rel="nofollow">view order page</a>)</p></blockquote>
      <blockquote><p>Rich Janitor 20 Mega Video Archive Ultimate & Apex Guarantee – <strong>$197.00</strong> – (<a href="http://bit.ly/ddsemG" target="_blank" rel="nofollow">view order page</a>)</p></blockquote>
      <blockquote><p>Rich Janitor 20 Mega Video Archive Ultimate & Apex Guarantee – <strong>$97.00</strong> – (<a href="http://bit.ly/dlsbqk" target="_blank" rel="nofollow">view order page</a>)</p></blockquote>
      <blockquote><p>Rich Janitor Full Work-At-Home Program + Bonuses & Unlimited Support – <strong>$35.00</strong> – (<a href="http://bit.ly/aEbAU7" target="_blank" rel="nofollow">view order page</a>)</p></blockquote>
      <blockquote><p>Rich Janitor Full Work-At-Home Program + Bonuses & Unlimited Support – <strong>$77.00</strong> – (<a href="http://bit.ly/9yVnxq" target="_blank" rel="nofollow">view order page</a>)</p></blockquote>
      <p><strong>Note:</strong> &nbsp;These deals may or may not be available to everyone.</p>
      <p><em>P.S. &nbsp;Though you may be covered under ClickBank’s 60-Day Money Back Guarantee, you should still proceed with caution (and at your own risk) as with buying any other product online. Please read our <a href="/disclaimer/">disclaimer</a>.</em></p>
      </div>
      <p><script type="text/javascript">
      <!--
      jQuery('div[class=RICHJANI]').hide()
      //-->
      </script></p>
      Signature

      Owner bestfivereviewed.com

      Started this stuff 2009. Time is what will teach you the skills you need.

      {{ DiscussionBoard.errors[2173699].message }}
  • Profile picture of the author pyles
    Is it possible to get that code you think?

    Thanks so much!

    Miles
    Signature
    --------------
    Click the link above for an amazing ebook writing service,trust me, I know!
    --------------
    {{ DiscussionBoard.errors[2173968].message }}
  • Profile picture of the author GeorgR.
    because some people requested it:

    Code:
    <head profile="http://gmpg.org/xfn/11">
    
    
    <script type='text/javascript' src='SOURCE TO YOUR JQUERY.JS since this uses jquery lib'></script>
    
    
    <script type="text/javascript">
    /* <![CDATA[ */
    function revealStep2(cName, numDeals) {
    var deals = '';
    if (numDeals > 1) deals = 'all ' + numDeals + ' deals';
    else deals = 'the deal';
    jQuery('span[class=' + cName + ']').fadeOut('slow');
    // jQuery('span[class=' + cName + ']').html('<a href="#" onclick="displayDeals(\'' + cName + '\'); return false;">Click here to display ' + deals + '</a>');
    jQuery('span[class=' + cName + ']').html('<a href="#" onclick="displayDeals(\'' + cName + '\'); return false;">Click here to display LOWER price</a>');
    
    jQuery('span[class=' + cName + ']').fadeIn('slow');
    }
    function enableStep2(cName, numDeals) {
    
    var deals = '';
    if (numDeals > 1) deals = 'all ' + numDeals + ' deals';
    else deals = 'the deal';
    jQuery('li[class=display ' + cName + ']').fadeOut('slow');
    //jQuery('li[class=display ' + cName + ']').html('<div class="btn btn_reveal"><a href="#" onclick="displayDeals(\'' + cName + '\'); return false;">&rarr; STEP 2: &nbsp;Click here to display ' + deals + '</a><span></span></div><div class="clear"></div>');
    jQuery('li[class=display ' + cName + ']').html('<div class="btn btn_reveal"><a href="#" onclick="displayDeals(\'' + cName + '\'); return false;">&rarr; STEP 2: &nbsp;Click here to display LOWER price</a><span></span></div><div class="clear"></div>');
    jQuery('li[class=display ' + cName + ']').fadeIn('slow');
    }
    function displayDeals(cName) {
    jQuery('div[class=' + cName+ ']').slideDown();
    }
    /* ]]> */
    </script>
    
    </head>
    
    
    
    <body style="background-color: #f3f3f3" >
      
    
    
        <table style="border: 1px solid #cccccc; width: 66%; background-color: #FFFFFF; padding:14px;" align="center" >
            <tr>
                <td>
                
                        <h1 class="title" style="font-family: Arial, Helvetica, sans-serif; font-size: large; color: #000080; text-align: center;">IMEye Discount - Get The Best Keyword Research Tool Cheaper!</h1>
    
    <br />
        <p><a href="http:YOUR AFFILIATE LINKS" rel="nofollow">
        <center>
        HEER SOME PICTURE OR VIDEO</a></p>
        </center>
    
    <!--
        -->
      SUBTITLE HERE
    
    
    YOU CAN WRITE SOMETHING HERE TOO
    
    
    
    
    <ul class="steps">
    <li>
    
    
    <div class="btn btn_verify" style="font-family: Arial, Helvetica, sans-serif"><a href="AFFILIATE LINKS" onclick="setTimeout('enableStep2(\'STUFF\', \'3\')', 3000)" target="_blank" rel="nofollow">&rarr; STEP 1: &nbsp;Click here to verify product site</a><span></span></div>
    <div class="clear"></div>
    
    </li>
    <li class="display STUFF">
    <div class="btn" style="font-family: Arial, Helvetica, sans-serif"><a href="#" onclick="return false">&rarr; STEP 2: &nbsp;Click here to display LOWER price</a><span></span></div>
    <div class="clear"></div>
    </li>
    </ul>
    
    
    
    
    
    <div class="STUFF">
        WHATEVER IS IN THERE WILL BE REVEALED LATER
    </div>
    
    
    
    <script type="text/javascript">
    <!--
    jQuery('div[class=STUFF]').hide()
    //-->
    </script>
    
    
    
                
                </td>
            </tr>
        </table>
      
    
    
              
     </body>
    </html>
    basically the main code goes into <HEADER>, and "STUFF" is which gets revealed. If you understand a little Javascript and HTML it shouldnt be a problem. And you need jquery.js

    the above is a snippet but it has all you need to make a site
    Signature
    *** Affiliate Site Quick --> The Fastest & Easiest Way to Make Affiliate Sites!<--
    -> VISIT www.1UP-SEO.com *** <- Internet Marketing, SEO Tips, Reviews & More!! ***
    *** HIGH QUALITY CONTENT CREATION +++ Manual Article Spinning (Thread Here) ***
    Content Creation, Blogging, Articles, Converting Sales Copy, Reviews, Ebooks, Rewrites
    {{ DiscussionBoard.errors[2173984].message }}
  • Profile picture of the author GuerrillaIM
    I am against stealing people's code without permission or giving credit. If you want to use it then either buy the script or ask a contractor to write you something that you own rights to use.
    {{ DiscussionBoard.errors[2174600].message }}
  • Profile picture of the author GeorgR.
    The question is whether this is custom code or taken from somwhere. By the way i DID email the site owner yesterday asking him about this, but didn't get a reply.
    Signature
    *** Affiliate Site Quick --> The Fastest & Easiest Way to Make Affiliate Sites!<--
    -> VISIT www.1UP-SEO.com *** <- Internet Marketing, SEO Tips, Reviews & More!! ***
    *** HIGH QUALITY CONTENT CREATION +++ Manual Article Spinning (Thread Here) ***
    Content Creation, Blogging, Articles, Converting Sales Copy, Reviews, Ebooks, Rewrites
    {{ DiscussionBoard.errors[2174710].message }}
    • Profile picture of the author GuerrillaIM
      Originally Posted by GeorgR. View Post

      The question is whether this is custom code or taken from somwhere. By the way i DID email the site owner yesterday asking him about this, but didn't get a reply.
      Several blackhat CPA scripts have similar code, but will annoy moderators to talk about it here.
      {{ DiscussionBoard.errors[2174752].message }}
    • Profile picture of the author Intrepreneur
      Originally Posted by GeorgR. View Post

      The question is whether this is custom code or taken from somwhere. By the way i DID email the site owner yesterday asking him about this, but didn't get a reply.

      It is custom code.

      Though doing a search for jquery show and hide might find you something that isn't custom that you can work with.

      However taking code and using it is not really what I would consider a crime. More so a great way of learning how to do something you never knew how to do.

      If you hang out in coding forums you'll see every1 is always discussing code like this and then using it themselves.

      EDIT~:

      I found you code that you can use without worrying about it.

      Download: http://papermashup.com/simple-jquery-showhide-div/
      Demo: http://papermashup.com/demos/jquery-sliding-div/

      Enjoy George
      Signature

      Owner bestfivereviewed.com

      Started this stuff 2009. Time is what will teach you the skills you need.

      {{ DiscussionBoard.errors[2174802].message }}
    • Profile picture of the author dasongoh
      Originally Posted by GeorgR. View Post

      The question is whether this is custom code or taken from somwhere. By the way i DID email the site owner yesterday asking him about this, but didn't get a reply.
      Sorry I didn't reply - was busy with my florist business (yes I run a physical flower shop!).

      Please go ahead and use the code ;-) (Yes, I am the owner of that site and the code is custom coded by myself, not from a script or from anybody)

      I am new to IM and I hope to learn from you guys!
      Signature
      [GET INDEXED] In Google Within Minutes...(Or Even SECONDS?) Ingenious WordPress SEO Plugin! [PROOF!]

      "I have not failed. I've just found 10,000 ways that won't work." - Thomas A. Edison (1847 - 1931)
      {{ DiscussionBoard.errors[2272225].message }}
  • Profile picture of the author Istvan Horvath
    It's not really some specific unique code... you can find examples for it at w3 school:
    jQuery Examples
    Signature

    {{ DiscussionBoard.errors[2174727].message }}
  • Profile picture of the author E. Brian Rose
    I feel so ungeeky
    Signature
    My New Video Series is Free (for now)
    Crazy good marketing tips from the founder of JVZoo.
    Get EBR 365 Now!
    {{ DiscussionBoard.errors[2174813].message }}
Avatar of Unregistered

Trending Topics