Register

The Most Active and Friendliest
Affiliate Marketing Community Online!

Register
“Adavice”/  “1Win

Seeking Help What is this ad format?

Simple, if you know what you want.
1710703199893.png


HTML: 
<!DOCTYPE html>
<html>
<head>
    <title>Click Event Example</title>
</head>
<body>
    <div id="targetDiv">Original Content</div>

    <script>
        // JavaScript code goes here
    </script>
</body>
</html>
1710703340280.png


JavaScript: 
<script>
    // Select the body element
    document.body.addEventListener('click', function() {
        // Select the div by its ID
        var div = document.getElementById('targetDiv');
        // Update the inner HTML of the div
        div.innerHTML = 'Hello, World!';
    });
</script>
/*my note: change div.innerHTML = 'Hello, World!'; to';
div.innerHTML = '<img src="url/or/path/to/banner.jpg?a=1&b=2" />';
******************************************/



1710703553388.png

I haven't encountered any ad networks doing it this way --they should be but tracking the traffic my be their problem --it really should not be that hard.
 
They posted this on another thread. It's at a file download site. It is giving am link for the download. However, it appears to be a "hijack" on the site with a redirect to a pop modal to download something other than the file chosen for download. Hacker hacking hackers.
 
Well, someone with a more "acceptable" offer my find this type of code useful.
Say, you were making your own landing page and wanted to include an ad creative for your other offer when that user clicked some element on your page like an accordion 'leaf' for instance.

I have used a modified version of an onClick AJAX/XHR event to write to a log file what leaf (accordion-header) of an accordion each user clicked; with my goal to determine the amount of interest in the copy text in each panel heading (leaf is a common term for the panel content in the accordion-body).

getbootstrap.com

Accordion

Build vertically collapsing accordions in combination with our Collapse JavaScript plugin.
getbootstrap.com getbootstrap.com
 
Last edited:
You can buy "direct click" better called redirected click.
$7.00/1000
the user clicks a link and gets your page on the first try --any automatic downloads are not accepted --usually. Landing Page with the offer and a free trial for a legitimate VPN would be approved (I would think).
 
Graybeard said:
looks looks it was user initiated from the page under it --it wasn't?
Click to expand...

Yes, definitely user initiated, but the modal says "File to Send". This is what lent to my thoughts that maybe the text file they clicked on caused the modal to appear. Typically on MediaFire one downloads, or transfers from the uploaders account to the users Mediafire account. I don't recall ever seeing this modal on MediaFire in the past. I do have an account there, but very rarely use it.
 
That's why I suggested it is a hijack by a hacker that placed the link in the text doc they clicked. They didn't click on an official MediaFire link. They clicked on a link in an uploaded text doc (not too smart). Look at the MediaFire address bar, it clearly shows they are on a page with a live text doc. At least it looks that way to me.
 
Graybeard said:
You can buy "direct click" better called redirected click.
$7.00/1000
the user clicks a link and gets your page on the first try --any automatic downloads are not accepted --usually. Landing Page with the offer and a free trial for a legitimate VPN would be approved (I would think).
Click to expand...
Ah thank you, so from which advertising company can I buy this type of advertising, I have never seen such an advertising company
 
vpnaffiliating said:
Ah thank you, so from which advertising company can I buy this type of advertising, I have never seen such an advertising company
Click to expand...
I have bought this format from Bidadvertiser (mainstream and adult) and TrafficShop (adult) I am sure there are some others most likely.
vpnaffiliating said:
I'll give you an example here: When you click on an empty area, a new tab opens.
Click to expand...
No. That code replaces a named element (in a HTML document) like your banner change example (I think that is what you meant).
 
T J Tutor said:
Exactly! The text link click initiates this I think.
Click to expand...
not the modal code I posted there a click <--anywhere on the page link, image, anywhere in the body (technically)

the ad format --yes

The user is redirected when they click the first time to your ad they click again ti get the right link. Using these i found that the first events per session starts were 50% less. However the time on the site and the second, third, fourth ...more showed better engagement.

Theoretically, better engagement should lead to better conversion events.

Whether this works better than a normal popunder is debatable. However there seems to be 50% less denied access (usually bots or old browsers on my server configurations) so the traffic quality appears better --real user clicks. But each click in terms of engaged users costs a lot more.

sort of expensive --but if the DirectClick converts better the epc may be better???
1710806919942.png
 
A pop (tab) there are no pop covers normally used in today's browsers with some exceptions ...
a tab can be controlled with a focus event
1.
HTML: 
<!DOCTYPE html>
<html>
<head>
    <title>Pop-Tab Example</title>
</head>
<body>

<button id="openTabBtn">Open Info Tab</button>

<script>
document.getElementById('openTabBtn').addEventListener('click', function() {
    // Open a new tab
    var newTab = window.open('https://www.example.com', '_blank');

    // Check if the new tab was successfully opened
    if (newTab) {
        // Use the focus event to bring the new tab to the foreground
        newTab.focus();
    } else {
        // Inform the user if the new tab was blocked by the browser
        alert('New tab was blocked by the browser.');
    }
});
</script>

</body>
</html>

2.
HTML: 
<!DOCTYPE html>
<html>
<head>
    <title>Pop-Under Example</title>
</head>
<body>

<script>
document.addEventListener('click', function(e) {
    // Creating a pop-under
    var popUnder = window.open('https://www.example.com', '_blank');
    if (popUnder) {
        // Attempt to move the pop-under window behind the main window
        popUnder.blur();
        window.focus();
    } else {
        // Inform the user if pop-up was blocked
        alert('Pop-under was blocked by the browser.');
    }

    e.preventDefault(); // Prevent default action of the event
}, false);
</script>

Click anywhere on this page to attempt to open a pop-under.

</body>
</html>
Open a new window from a JavaScript:




JavaScript: 
// Open a new window
var newWindow = window.open('https://www.example.com', '_blank');

// Check if the new window was successfully opened
if (newWindow) {
  // The window opened successfully
  console.log('New window opened');
} else {
  // The window could not be opened, likely due to a popup blocker
  console.log('Failed to open new window');
}

Do you see a URL in the modal code NO
that is not a new URI location --/discussion pls
 
Last edited:
there is an exception but ...

1710818493009.png

Code via ChatGPT4
HTML: 
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Modal Example</title>
<style>
  /* Simple styling for the modal */
  .modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  }

  /* Modal Content/Box */
  .modal-content {
    background-color: #fefefe;
    margin: 15% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 80%; /* Could be more or less, depending on screen size */
  }

  /* The Close Button */
  .close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
  }

  .close:hover,
  .close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
  }
</style>
</head>
<body>

<!-- Trigger/Open The Modal -->
<button id="myBtn">Open Modal</button>

<!-- The Modal -->
<div id="myModal" class="modal">

  <!-- Modal content -->
  <div class="modal-content">
    <span class="close">&times;</span>
    <!-- Embedded content from another domain -->
    <iframe src="https://www.example.com" style="width:100%;height:80vh;" frameborder="0"></iframe>
  </div>

</div>

<script>
// Get the modal
var modal = document.getElementById("myModal");

// Get the button that opens the modal
var btn = document.getElementById("myBtn");

// Get the <span> element that closes the modal
var span = document.getElementsByClassName("close")[0];

// When the user clicks the button, open the modal
btn.onclick = function() {
  modal.style.display = "block";
}

// When the user clicks on <span> (x), close the modal
span.onclick = function() {
  modal.style.display = "none";
}

// When the user clicks anywhere outside of the modal, close it
window.onclick = function(event) {
  if (event.target == modal) {
    modal.style.display = "none";
  }
}
</script>

</body>
</html>

Doing this you would not the the URL address in the modal's display however.
 

Similar threads

CLTCHE
Seeking Help What is resources in this forum?
Replies
6
Views
704
Graybeard
Graybeard
J
What is Affiliate
Replies
6
Views
766
Marnie
Marnie
S
Is this a Free Affiliate Program???
Replies
5
Views
570
CrakRevenue
CrakRevenue
likereals
the next step is what conditions need to be met
Replies
1
Views
478
Graybeard
Graybeard
Muhammad Ahmad
What is the best ad format for Ecommerce offers
Replies
5
Views
2K
Muhammad Ahmad
Muhammad Ahmad
banners
Back