Search

New Link Markers

0 views

Why “New” Link Markers Matter for Visitor Engagement

When a visitor lands on a web page, their eye scan is guided by visual cues - color, size, placement, and, often, small text tags that signal new or updated content. Those tags are not just decorative; they reduce friction for users trying to discover fresh information. A “New” marker tells a returning visitor that a particular link leads to something they haven't seen yet, encouraging exploration without overwhelming them with every single link on the page.

Marking links that have been added or modified since the visitor's last visit also supports a personalized experience. Because the marker is attached to a cookie that stores the visitor’s link history, the same page can look different for two people: one who has just discovered the site sees a flurry of new tags, while a seasoned user sees none. This tailored presentation can increase dwell time, reduce bounce rates, and boost conversion metrics for sites where the objective is to surface new articles, products, or offers.

In many industries - news, e-commerce, education, community forums - the frequency of updates is high. Users expect to see the latest posts or catalog entries without wading through older material. By adding a “New” tag only when the visitor hasn’t visited that link before, you give them a visual shortcut to the freshest content. This not only improves user satisfaction but also signals to search engines that your site is regularly updated, which can have a modest positive impact on rankings.

The strategy also aligns with privacy best practices because it relies solely on client-side cookies and does not transmit personal data to the server. The cookie name is derived from the page URL and the visitor’s session, ensuring that the information stays local. This means you can comply with GDPR and other regulations without complex server-side tracking.

Before diving into the technical steps, consider the scope of the feature. A single “New” marker on every link may overwhelm a page with dozens of links. Think about which sections truly benefit from the visual cue: news headlines, product categories, forum threads, or new course listings. Targeting only the most important links keeps the page clean and lets the marker do its job effectively.

How to Add “New” Markers with JavaScript and Cookies

Below is a step-by‑step walkthrough to implement the “New” link marker system on your site. The approach uses plain JavaScript, a small amount of cookie logic, and a single function you call for each link you wish to track. No server‑side changes are required, and the code is lightweight enough to run on any modern browser.

1. Download the Sample Script

Navigate to http://willmaster.com/a/18/pl.pl?art184. The page hosts the JavaScript needed for the marker system. Click the download link, save the file to your computer, and open it in a text editor.

The file is structured as an HTML document that contains a large <script> block in the <head>. You can copy that block into your own pages or use the file as a reference to understand how the system works.

2. Configure Marker Appearance

Within the script, locate the line that sets NewMarker. It looks like this:

Prompt
var NewMarker = '<img src="new.png" alt="New">';

Replace the content between the single quotes with whatever you want to display. Common options include a text label, an image, or a small CSS badge. For example, to use a simple label:

Prompt
var NewMarker = '<span class="new-tag">New</span>';

Suggest a Correction

Found an error or have a suggestion? Let us know and we'll review it.

Share this article

Comments (0)

Please sign in to leave a comment.

No comments yet. Be the first to comment!

Related Articles