注册后,将以下标记添加到HTML,替换"用户名"使用您注册时的用户名:
该系统将代表您开始收集WebMentions和Pingbacks。当然,如果你喜欢,你可以留下pingback endpoint。
请注意,"用户名"这里很可能是您的域名。例如,如果您的域名是https://aaronparecki.com/,则您的用户名将是AaronParecki.com。
如果您想在您的网站上接受Pingbacks但是Won' T想要处理XMLRPC的麻烦,您可以使用此服务将Pingbacks转发为WebMentions到您的服务器。你不需要这个帐户来工作。
您可以使用JavaScript的API来显示一个或多个URL的提及计数。
要手动检索数据(通过获取API,jQuery,RAW XHR等),您可以如下请请求。 WebMention.io设置Access-Control-allize - Origin:*在响应标题中,因此您可以从浏览器以及从服务器查询。
这将返回URL的总提交的列表以及按类型分组。
{" count&#34 ;: 6,"类型":{"书签&#34 ;: 1,"提到&#34 ;: 2," rsvp-也许&#34 ;: 1," rsvp-no&#34 ;: 1," rsvp-是&#34 ;: 1}}
您可以包含一些简单的标记和JavaScript文件,以在页面上自动显示一个或多个URL的提及计数器。
首先,选择将用于显示计数器的元素。将属性数据 - Webmention-count添加到它,以及数据 - url =""使用您想要计算的页面的完整URL。这可能看起来像以下类似:
您还可以使用API来显示URL的所有提及。与计数请求一样,这将从浏览器工作,或者您可以直接从服务器使用API。
{&#34;类型&#34 ;:&#34;饲料&#34;&#34;名称&#34 ;:&#34; webmentions&#34 ;,&#34;儿童&#34 ;: [{&# 34;类型&#34 ;:&#34;条目&#34; - &#34;作者&#34 ;: {&#34;类型&#34 ;:&#34;卡&#34;&#34; name&#34; name&#34; 34 ;:&#34; TantekÇelik&#34;&#34; url&#34 ;:&#34; http://tantek.com/" ;,&#34;照片&#34 ;:&# 34; http://tantek.com/logo.jpg" },&#34; URL&#34 ;:&#34; http://tantek.com/2013/112/t2/milestone-show-indieweb-comments-h-entry-pectback" ;,&#34;发布&#34 ;:&#34; 2013-04-22T15:03:00-07:00&#34 ;,&#34; WM-Receive&#34 ;:&#34; 2013-04-25T17:09:33 -07:00&#34 ;,&#34; wm-id&#34 ;: 900,&#34;内容&#34 ;: {&#34;文本&#34 ;:&#34;另一个里程碑:@eschnou自动显示#indieweb与通过pingback http://eschnou.com/entry/testing-indeieweb-federation-with-waterpigscouk-aaronpareckicom-和---62-24908.html&#34 ;,&#34; html& #34 ;:&#34;另一个里程碑:&lt; a href = \&#34; https:\ / \ / twitter.com \ / eSchnou \&#34;&gt; @ eSchnou&lt; \ / a&gt;通过pingback&lt; href = \&#34; http:\ / eschnou.com \ / inst \ / tests-indieweb-federation-with-waterpigscouk-aaronpareckicom - 以及waterpigscouk-aaronpareckicom - 和 - waterpigscouk-aaronpareckicom - 和 - -62-24908.html \&#34;&gt; http:\ / \ / eschnou.com \ /条目\ / / eSchnou.com \ / rest \ / / resting-indieweb-federation-with-waterpigscouk-aaronpareckicom-and--62-24908.html< \ / A&gt;&#34; }&#34;提及&#34 ;:&#34; https://indieweb.org/",&#34; wm-property&#34 ;:&#34;提及&#34; ,&#34; wm-private&#34 ;: false}]}