[Cartoon details] Use IFRAME to trick users into clicking

A friend who has worked in Web development has always had this idea: embedding a webpage of another website in his own page, and then using a script to obtain information on their page, or even...

Obviously, you may not be able to taste such a good thing. :)Sandbox ModelSomething has been invented to prevent people with such ideas from cracking... So now we can only look at it from a distance.

　　

　　

However, these rules are only for scripts. It would be okay if you wanted to let the user go. But how many people will order !!

Therefore, we need to apply some special blind-eye methods to allow users to click what we want them to do without your attention :)

Take the one above for example. If you just insert the big page into the webpage, no matter how you prompt him or how many good words, you will get bored when you see it :)

　　

 

So we have to modify it, or we will be scared away when we see it. First of all, the most critical issue is the body problem. A page of such a fat figure is suddenly displayed, and the people who see it are dazzled and don't know what to send. We need to trim it and remove all useless parts, leaving only the "essence" we want ". This is simple. You only need to put the frame in a layer, fix the layer size, and adjust the offset position of the frame to move to the top left, let "ADD Attention" be completely displayed in the layer. (It is simpler to use the clip attribute of CSS, but some Browsers Do not support it)

In this way, the huge Weibo page only shows the "button" We want users to click. But these words will still let the user know our intention, so we must remove them. It is certainly impossible to modify the IFRAME content, but if you put some text or images on it, the framework will be overwritten and events will not be received. But don't worry. We just need to let users not see the words "ADD Attention", and we don't have to really remove them. Therefore, we only needSet a small transparency for IFRAMETo make him "invisible but tangible ".

In the end, it was almost whitewashed. We set a background image for the DIV, with "Close advertisement" or "no longer prompting" on it, which makes the user feel a meaningful button.

　　

If the button is too small to attract users, it is not difficult. You only need to use the zoom (or transform: Scale) attribute to zoom in the IFRAME. Adjust the cropped area according to the zoom in ratio. OK.

　　

　　

Haha, a good solution! If you redescribe the decoration and put it on a page, sometimes you can do something, especially some operations on the page that do not require user confirmation, as long as the corresponding button location is fixed, it is easy to fall into this trap.

Of course, from the perspective of prevention, in some important operations, it is best to determine whether the website is nested in other people's pages. If not, a verification code is required. Even a prompt dialog box can prevent this type of Mentally Retarded scam.