Het `ping` attribuut op ankerlinks

Een PR op de MDN-compatibiliteitsgegevensopslagplaats viel mij vandaag op. Het doel van het pull-verzoek was om de ping attribuutondersteuning voor Safari. Ik heb dit attribuut nog nooit gezien – laten we eens kijken!

Het ankerelement ping attribuut accepteert een door spaties gescheiden lijst met URL's. Wanneer een anker ping-URL's definieert en iemand erop klikt, verzendt de browser een POST verzoek naar deze opgegeven URL's. Deze functionaliteit kan handig zijn als u wilt bijhouden en analyseren hoe gebruikers omgaan met uw site.

<a href="https://www.stefanjudis.com/popular-posts/" ping="https://www.stefanjudis.com/tracking/">Read popular posts</a>

Om het in actie te zien, opent u uw ontwikkelaarstools en klikt u op de onderstaande link.👇

Lees populaire berichten

En inderdaad, wanneer u het netwerkpaneel opent in de ontwikkelaarstools (schakel “preserve log” in om het verzoek te zien nadat de browser naar een nieuwe URL is genavigeerd), ziet u een verzoek naar de gedefinieerde URL vliegen nadat u op de “ping-link” hebt geklikt.

De payload van het POST-verzoek bestaat uit één woord PING. De ping-to request header bevat de bestemming van de link en aanvullende informatie zoals user-agent is ook beschikbaar. Het is fascinerend dat de content-type is text/ping. 🙈

Samenvattend, de ping attribuut biedt een lichtgewicht manier om “link click tracking” te implementeren. Betekent dit dat u het vandaag nog kunt gebruiken?

De browserondersteuning van de ping attribuut

Wanneer je kijkt de browsercompatibiliteitstabel van het kenmerk op MDN, zie je dat browserondersteuning zo slecht niet is.

Chromium-browsers (Chrome, Edge, enz.) ondersteunen dit. De ondersteuning van Firefox zit achter een browserfunctievlag (browser.send_pings) en Safari… Safari wordt ten onrechte bestempeld als niet ondersteunend.

Deze onjuiste informatie is waar het genoemde pull-verzoek waarbij de Safari-ondersteuningsinformatie wordt bijgewerkt komt in het spel. De tabel zal redelijk groen zijn bij de volgende release van de MDN-compatibiliteitsgegevens!

Ik ben een grote fan van native HTML-oplossingen. De vraag is waarom niemand het gebruikt ping attribuut (of kent u een site die dit gebruikt?)?

Ik kan hier alleen maar speculeren, maar een reden zou kunnen zijn dat gebruikersanalyses voornamelijk worden aangestuurd door externe providers zoals Google Analytics.

Om deze als webontwikkelaar te gebruiken, hoeft u alleen maar één script in uw site in te sluiten. JavaScript houdt al het gebruikersgedrag bij en er hoeft geen infrastructuur te worden opgezet. Het werkt gewoon.

Als u uw tracking baseert op de ping attribuut, dan moet u alle links op uw site aanpassen. Dit proces omvat meer onderhouds- en ontwikkelingswerk. Dat is een sterk argument tegen het gebruik van de ping attribuut.

Toch is het goed om te weten dat het bestaat. Als je gebruikt ping, ik zou graag meer willen weten over wat je ermee doet!