Allow GoatCounter to track clicks to external links

Author: codeyard

index.html

@@ -83,22 +83,22 @@ <h2>
 		<footer>
             <ul class="social">
                 <li>
-                    <a href="https://github.com/codeyard" title="GitHub">
+                    <a href="https://github.com/codeyard" title="GitHub" data-goatcounter-click="social-github.com">
                         <svg height="25" viewBox="0 0 26 25" width="26" xmlns="http://www.w3.org/2000/svg"><path d="m13.0208333.37282609c-6.72309024 0-12.17339406 5.45978261-12.17339406 12.19456521 0 5.3880435 3.48741319 9.9586957 8.32573784 11.5706522.60872396.1119565.83116322-.2652174.83116322-.5869565 0-.2902174-.01085072-1.252174-.01736113-2.2695653-3.38541667.7369566-4.10047743-1.4380434-4.10047743-1.4380434-.55447049-1.4086957-1.35199653-1.7836957-1.35199653-1.7836957-1.10677083-.7565217.08355035-.7413043.08355035-.7413043 1.22178819.0847826 1.86631944 1.2565217 1.86631944 1.2565217 1.08615451 1.8641304 2.85047743 1.325 3.5427517 1.0119565.1106771-.7858695.4253473-1.325.7725695-1.6282608-2.70182294-.3076087-5.54470488-1.3543479-5.54470488-6.027174 0-1.3326087.47526042-2.41847822 1.25217014-3.27282605-.12369792-.30978261-.54361979-1.55.12044271-3.22826087 0 0 1.02105034-.32717391 3.34743923 1.25.9700521-.27173913 2.0117188-.40543478 3.0457899-.40978261 1.0340712.00434783 2.0757379.1402174 3.0479601.41195653 2.3220486-1.57934783 3.3452691-1.25 3.3452691-1.25.6651476 1.67934782.2463108 2.91847826.1215278 3.22717391.7801649.85326087 1.251085 1.94021739 1.251085 3.27282609 0 4.6847826-2.8472222 5.7163043-5.5588107 6.0184783.438368.3782608.8257378 1.1195652.8257378 2.2565217 0 1.6304348-.016276 2.9445652-.016276 3.3467391 0 .325.2213542.7043479.8376736.5847826 4.8339844-1.6152174 8.3181424-6.1847826 8.3181424-11.5706521 0-6.73369569-5.4503039-12.19456526-12.1733941-12.19456526z" fill="#aaafb6"/></svg>
                     </a>
                 </li>
                 <li>
-                    <a href="https://twitter.com/codeyard" title="Twitter">
+                    <a href="https://twitter.com/codeyard" title="Twitter" data-goatcounter-click="social-twitter.com">
                         <svg height="23" viewBox="0 0 28 23" width="28" xmlns="http://www.w3.org/2000/svg"><path d="m28.5611505 2.64314516c-.7862497 1.13516129-1.7276925 2.09596774-2.8084352 2.88056452l-.0336564.02318548c.0112188.16198925.0168282.40528226.0168282.72987903-.0037396 1.61-.2468132 3.1625-.6964994 4.62504031l.0299167-.1131451c-.4992358 1.6443145-1.1891909 3.0790322-2.0623862 4.381129l.037396-.0602823c-.9246147 1.3994758-1.9932037 2.6041936-3.2113765 3.6419758l-.0224376.0185484c-1.2826808 1.0693145-2.7841278 1.9318145-4.4220701 2.507742l-.100969.0306048c-1.650096.6009677-3.5554192.9478226-5.54207859.9478226-.04207043 0-.08414086 0-.1252764 0h.00654429c-.03552615 0-.07666168 0-.11873212 0-3.18800403 0-6.155372-.9413307-8.63285314-2.5596774l.05889861.0361693c.39172248.0445161.84514828.0695565 1.30511836.0695565h.0654429-.0037396c.03459125 0 .07666169.0009274.11779722.0009274 2.62426021 0 5.03536355-.9042339 6.9341425-2.4168549l-.02150267.0166936c-2.46719726-.046371-4.54454182-1.6480242-5.28217677-3.8552823l-.01121878-.039879c.3197353.0528629.68995512.0843952 1.06671924.0871774h.00280469c.53008748 0 1.04334678-.0695564 1.53042892-.2003226l-.04113554.0092742c-1.32007674-.2633871-2.44475969-.9589516-3.24409794-1.9290322l-.00747919-.0102016c-.80214295-.937621-1.28922509-2.16181455-1.28922509-3.49915326 0-.02596774 0-.05193549.0009349-.07790323v.00370968-.06955645c.73670005.41919355 1.61363488.67887097 2.54946832.71225806h.01028389c-.76848661-.5128629-1.39019414-1.18616935-1.82585686-1.9744758l-.01495838-.02875c-.43005333-.77439516-.68341083-1.69717742-.68341083-2.67931452 0-1.04427419.28607895-2.02177419.78531478-2.86016129l-.01402348.02596774c1.40234781 1.7055242 3.11975644 3.09850807 5.07182459 4.10568549l.08881537.04173387c1.89036485.98955645 4.1154234 1.61649193 6.4760422 1.72870967l.0355261.00092742c-.0869455-.38487903-.13743-.82725806-.1392998-1.28169354v-.00092742c.0037396-3.10221775 2.5401193-5.6155242 5.6673549-5.6155242 1.6267235 0 3.0935793.67979839 4.1275771 1.76951613l.0028047.00278226c1.3537331-.2633871 2.5569475-.73451613 3.63956-1.38370968l-.0495496.02782258c-.4253788 1.3271371-1.308858 2.40758065-2.4634577 3.08181452l-.0261771.01391129c1.2097587-.13725807 2.3138739-.44423387 3.3366529-.89681452l-.0719872.02875z" fill="#aaafb6" transform="translate(-1)"/></svg>
                     </a>
                 </li>
                 <li>
-                    <a href="https://www.linkedin.com/in/raphaelgerber" title="LinkedIn">
+                    <a href="https://www.linkedin.com/in/raphaelgerber" title="LinkedIn" data-goatcounter-click="social-linkedin.com">
                         <svg height="25" viewBox="0 0 24 25" width="24" xmlns="http://www.w3.org/2000/svg"><g fill="none"><path d="m12.75696 10.9970588v-.0377451c-.00768.0127451-.01584.0254902-.024.0377451z" fill="#6a737d"/><path d="m21.97008 0h-20.2176c-.96768 0-1.75248.78235294-1.75248 1.74656863v20.88872547c0 .9637255.7848 1.7460784 1.75248 1.7460784h20.2176c.96912 0 1.75392-.7828431 1.75392-1.7460784v-20.88872547c0-.96470588-.78528-1.74656863-1.75392-1.74656863zm-14.7792 20.4102941h-3.5832v-11.00931371h3.5832zm-1.79136-12.51323528h-.024c-1.20192 0-1.97952-.84558823-1.97952-1.90196078 0-1.07990196.8016-1.90196079 2.02704-1.90196079 1.22592 0 1.98.82205883 2.004 1.90196079 0 1.05637255-.77856 1.90196078-2.02752 1.90196078zm14.71248 12.51323528h-3.5832v-5.8911765c0-1.4794117-.5184-2.4892156-1.81488-2.4892156-.98976 0-1.5792.6808823-1.83888 1.3387255-.09456.2348039-.1176.5632352-.1176.892647v6.1485294h-3.5832s.04704-9.977451 0-11.0093137h3.5832v1.5583333c.47616-.75 1.32768-1.81813723 3.22992-1.81813723 2.35728 0 4.12512 1.57401963 4.12512 4.95588233v6.3137255z" fill="#aaafb6"/></g></svg>
                     </a>
                 </li>
                 <li>
-                    <a href="https://www.xing.com/profile/Raphael_Gerber" title="Xing">
+                    <a href="https://www.xing.com/profile/Raphael_Gerber" title="Xing" data-goatcounter-click="social-xing.com">
                         <svg height="25" viewBox="0 0 22 25" width="22" xmlns="http://www.w3.org/2000/svg"><path d="m9.32135417 9.91091314c-.103125.18374166-1.44375 2.47216036-4.01614584 6.87639196-.28072916.4621381-.61875.6959911-1.0140625.6959911h-3.7296875c-.44114583 0-.69322916-.4175946-.48697916-.8017817l3.953125-6.75389757c.01145833 0 .01145833-.00556793 0-.01670379l-2.51510417-4.20935412c-.24635417-.43429844.0171875-.78507795.48697917-.78507795h3.7296875c.41822916 0 .76197916.22828508 1.03125.6792873zm12.59843753-9.12583519-8.25 14.08685965v.0167038l5.2479166 9.2761693c.2234375.3953229.0114584.7850779-.4869791.7850779h-3.7354167c-.4354167 0-.7791667-.2227171-1.03125-.6792873l-5.29375-9.3819599c.1890625-.3229398 2.9505208-5.05567926 8.2958333-14.20935409.2635417-.45100223.5958334-.67928731 1.0026042-.67928731h3.7640625c.4583333 0 .7046875.37305123.4869792.78507795z" fill="#aaafb6"/></svg>
                     </a>
                 </li>