Ben McCormack bmccormack

You know relative anchor links, right? They're the things that help you to link to a section of a document, e.g. https://example.com/your-doc#part-of-doc. This is especially helpful for customer support help centers (knowledge bases, documentation, etc).

I can never ever remember how to do this, so I'm making this gist to store my brain on the internet. Here are some things I forget:

Use name to name your relative link
Don't include # in the name value

Add a new bookmarklet in Chrome called "Zap History". For the URL, enter the following:

javascript:(function()%7Bwindow.open(location.href.split("%2Fapp%2F")%5B0%5D %2B "%2Fapp%2Fhistory%3Fpage%3D1%26root_id%3D" %2B location.href.split("%2Feditor%2F")%5B1%5D.split("%2F")%5B0%5D%2C "_blank")%7D)()```

Now, when editing a Zap in Zapier, you can click the Bookmarklet to go directly to the Zap's History:

	* * * * * env > /tmp/env.output
	SHELL=/bin/bash
	PATH=/usr/local/sbin:/usr/local/bin:/sbin:/bin:/usr/sbin:/usr/bin:~/bin
	PYTHONPATH=/usr/lib/python2.7/dist-packages:$PYTHONPATH
	* * * * * env > /tmp/env2.output
	/2 * * * . /home/ben/example.sh > /home/ben/.example.log 2>&1

	* * * * * date > .date.tmp

	// Use this to set FullStory custom var data and log data at
	// the same time. This will cause your custom vars to be visible
	// in the FullStory javascript console, but they will not be
	// visible in the browser console to the end user.
	// See http://help.fullstory.com/develop-js/setuservars
	// for how to format data.

	function setUserVarsAndLog(data){
	FS.setUserVars(data);
	FS.log(data);

	import requests
	import urllib
	import re
	import datetime

	from secrets import zendesk_user, zendesk_token
	from util import jprint
	import sys

	import time

	var template = `
	<style type="text/css">
	/* --- Basic Markdown CSS Style --- */

	/* General Body & Layout */
	body {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	line-height: 1.7;
	font-size: 17px;
	color: #333;

	//change "Received" to the name of the label whose card you want to hide.
	$('span[title^="Received"]').closest('.list-card').addClass('hide')

	// This is really weird. It works, but only after I "inspect element" on an element on the page. I have no idea
	// why it doesn't work until I do that. ¯\_(ツ)_/¯
	document.querySelectorAll('.DPvwYc.H8Utbd').forEach(function(e){console.log(e.parentNode.parentNode.parentNode.style.display='none')})