To build, simply run the following commands:
npm installgulp build
Simply append the following lines to the <head> of your HTML source:
<link rel="stylesheet" type="text/css" href="https://rawgit.com/internetarchive/wayback-machine-versions/master/build/css/wayback-machine-versions.min.css" />
<script type="text/javascript" src="https://rawgit.com/internetarchive/wayback-machine-versions/master/build/js/wayback-machine-versions.min.js"></script>After adding the Wayback Machine Versions javascript and css to your HTML file, a new down arrow icon will appear next to all the decorated links in the page. Clicking the down arrow in this link icon will pop up a menu with one or more of the following items, depending on the decoration attributes provided in each of the links.
-
Get near link date ...: When clicking this menu item, the javascript library will use the datetime provided in thedata-versiondateattribute along with the original url and redirect you to the closest archived playback page. -
Get from ...: Clicking this menu item will redirect you to the playback page url provided in thedata-versionurlattribute. The value ofdata-versionurlcan be single URL or comma separated URLs. In the case of comma separated URLs, the items for the URLs will be listed in menu. -
Get at current date: Clicking this menu item will take you to the original url provided in thedata-originalurlattribute. -
Get near page creation date ...: This menu item is similar to theGet near link date ..., except it uses the Schema.org attributedatePublished, if provided in the linking HTML page. -
Get near page modified date ...: This menu item is similar to theGet near link date ..., except it uses the Schema.org attributedateModified, if provided in the linking HTML page.
You can exclude certain URLs in your webpage from showing the wayback machine versions drop down menu by adding following script before appending wayback-machine-versions.min.js
Add urls that should be excluded from wayback machine versions. Accepts full urls or valid regular expression patterns of urls.
<script>
var WLuriPatternsToExclude = [
"https?://archive.org*",
"https?://blog.archive.org*"
];
</script>
This project is based on: http://robustlinks.mementoweb.org