Digging the Digital

Vol Blogdrift!

integromat

No Code Knutselwerk

door 3 Comments

Ik kan soms onredelijk blij worden van mijn eigen nocode-knutselwerk. Als iemand een nieuwsbrief toevoegt aan Thanks for Subscribing krijg ik via Integromat een melding in mijn privé Slack kanaal, inclusief link naar de juiste Airtable entry om hem direct te reviewen. Plus Airtable checkt of het een Substack is en maakt dan automatisch de juiste archief-link. Want die is altijd gelijk. Wat ik nu nodig heb is een script dat automatisch de avatar van een Substack nieuwsbrief ophaalt. Die staat altijd op dezelfde plek in de code van de inschrijfpagina maar ik weet niet goed hoe daar mee te starten… Elke tip of link is welkom hoe ik dit slim kan doen!

 

Social notetaking naar een volgend niveau

door 16 Comments

Vrijdag ontdekte ik de mogelijkheden met Hypothesis, een open source annotatie-dienst. Vanavond heb ik een koppeling tussen die dienst en mijn blog op de manier zoals ik wil. Met de quote, mijn opmerking én een directe URL naar de annotatie in de context van de originele URL. Mogelijk gemaakt met Integromat en wat API’s knopen.

Stap 1: RSS naar API

Bij Hypothes.is kan ik een specifieke RSS maken met mijn username en een tag die ik gebruik als ik een quote hier wil posten. Omdat de feed nog niet alle informatie heeft die ik wil gebruiken, haal ik meer informatie over die annotatie binnen via de API van Hypothes.is. Dit gebeurt op basis van de ID die ik uit de RSS feed haal. Deze ID is niet direct beschikbaar, maar is een onderdeel van de URL. De originele URL is https://hypothes.is/a/aSNcdu78EeqH5U9VXMj8AA, wat de ID dan aSNcdu78EeqH5U9VXMj8AA maakt.

Stap 2: Extra informatie ophalen en posten

Vervolgens haal ik uit de data die ik van de API krijg, specifiek de tekst die ik heb geselecteerd en geannoteerd. In de RSS feed is alleen de combinatie beschikbaar van deze quote en mijn opmerking. Ik hou die liever nog apart, misschien wil ik er een keer wat anders mee doen. Vervolgens post ik een mix van de informatie in een WordPress post. Hierbij haal ik informatie uit de feed, uit de API en de losse quote uit de vorige stap

En dat is alles wat nodig is. Als ik nu een pagina via Hypothes.is opsla met een specifieke tag, wordt deze via de feed en API naar WordPress gepost. En wat ik nog het mooiste vind, de link die ik gebruik onder de quote, gaat naar het originele artikel, met de Hypothesis-annotatie zichtbaar. Je vindt hier een voorbeeld van een blogpost met de link. Op deze manier zie je direct waar in de tekst de quote is te vinden, je kunt de annotatie lezen en je kunt als je wilt weer meer doen met zowel de annotatie als het artikel. Social notetaking, een mooie term die ik van Jeroen Sangers leen.

Ik heb van dit scenario een vergelijkbaar scenario gemaakt, wat de informatie in een iets andere vorm als Markdown bestand opslaat in een specifieke Dropbox-map. Deze map is weer gekoppeld aan mijn notitie-app Obsidian, zodat de annotatie en extra informatie daar direct beschikbaar is.

Zoals David Weinberger al jaren geleden zei, Small Pieces Loosely Joined!

Waar notitie-apps nog beter in kunnen worden

door 1 Comment

Vorig weekend deelde ik deze bookmark naar een artikel van Chris Aldrich. Ik herken zijn reflecties op web-based notities. Veel apps en services zijn prima ingesteld om in de app zelf te kunnen organiseren, zoeken en linken. Maar het zit vaak in de manier van annoteren en verzamelen waar de frictie zit.

 

the user interface piece that I’m missing for almost all of these note taking tools is raw data collection.

Herkenbaar. Op basis van Chris’ eerdere ervaringen met Hypothes.is en zijn eigen reflecties in het artikel heb ik Hypothesis de afgelopen dagen zo nu en dan gebruikt. Deze open source dienst werkt behoorlijk aardig op de desktop en redelijk OK op mobiel. Ik kan snel annotaties maken op webpagina’s en deze zijn goed terug te vinden op de site zelf.

Ondanks dat het wéér een extra tool is, het biedt me wel een interessante optie. Ik kan specifieke annotaties doorplaatsen naar mijn site. Zoals destijds del.icio.us had, Pinboard dit heeft en vast nog andere diensten, heeft Hypothesis een goede RSS-dienst. Ik kan met elke combinatie van gebruikersnaam en specifieke tag een RSS feed maken. Die kan ik weer in Integromat laden en zo een blogpost maken van annotaties die ik door wil plaatsen naar mijn site.

Een zijpad: Ja, bovenstaande link naar de tag-pagina met blogposts heeft net zo goed weer een RSS-feed. Zo houdt het systeem zichzelf heerlijk in stand en kun je een oneindige loop creëeren van feeds en posts. Wat is het internet toch fantastisch.

Deze annotaties zijn eigenlijk een extra manier om bookmarks op te slaan op deze site. Iets wat ik al langer doe via het Micropub protocol met bijbehorende plugin. Zit er een verschil in annotaties en bookmarks? Misschien wel voor dit blog. Tegelijk kan ik de annotaties van Hypothesis ook weer lokaal opslaan in Obsidian om zo allerlei losse flodders die ik online vind aan elkaar te knopen. De ruwe data collectie krijgt zo een extra component. Een manier om mijn eigen Frankopedia, mijn Wunderkammer, weer verder te bouwen.

Je kunt trouwens mijn stroom aan annotaties in je eigen feedreader laden. Ik zou er zelfs een nieuwsbrief van kunnen maken. Wat is het open web toch mooi, al die losse blokken die je zelf in elkaar kunt klikken.

Nieuwsbrief-automatisering met Integromat en Revue

door 22 Comments

In een eerdere blogpost legde ik uit hoe lastig het is om een goede digitale geschiedenis op te bouwen als webdiensten komen en gaan. Dat geldt net zo goed voor mijn nieuwsbrief OPEN. Deze heb ik nu nog ondergebracht bij Revue. Ik kan daar mijn nieuwsbrief schrijven en ik krijg er direct een mooi archief bij met alle oude edities. Maar wat als ik vertrek bij Revue voor een andere nieuwsbriefdienst? Stel dat Revue besluit er mee te stoppen? Ik kan me indenken dat ze dan best een export-mogelijkheid aanbieden voor hun gebruikers, maar vooralsnog is die er niet.

Ik kan nergens in het beheer van Revue op een knop drukken om al mijn eerdere nieuwsbrieven te downloaden in een handzaam formaat. Of een manier om eenvoudig het archief op mijn eigen blog te zetten. Zodat ik altijd nog een versie van de nieuwsbrief heb waar ik zelf de controle over heb. Tijd om te automatiseren!

Zapier oplossing

Nu had ik een redelijk OK oplossing gevonden. Zapier heeft een koppeling met Revue en dus kan ik een koppeling maken tussen Revue en WordPress.

“Als er een nieuwe editie is, publiceer deze dan op mijn blog.”

Er zijn echter twee nadelen in Zapier:

  1. De output van de Revue HTML maakt de eerste paragraaf van de nieuwsbrief altijd in een H3-tag. Waardoor in de blogpost alles er best lelijk uitziet. Ik moet dus na het automatisch publiceren toch even in het beheer de tag weghalen en opnieuw opslaan. Vervelend en niet het doel van automatiseren.
  2. Ik kan geen oudere edities ophalen en zo mijn archief met terugwerkende kracht op mijn eigen blog publiceren.

Maar gelukkig heeft Revue wel een API. Ik kan een beetje knutselen met API’s en automatiseringsdiensten. Zo kon ik een eenmalige export doen van al mijn oude edities en ik heb deze direct geïmporteerd in mijn blog. Dat doe ik niet met Zapier maar met Integromat. Evenals wekelijks de nieuwe editie van de nieuwsbrief op mijn blog publiceren.

Welkom Integromat

Met Integromat kan ik vrijwel hetzelfde als met Zapier, maar ik heb nog meer een nauwkeurige controle over de flows en wat er exact gebeurt. Integromat is wat lastiger om te doorgronden in de interface en de mogelijkheden, maar aan de andere kant, het is een stuk goedkoper dan Zapier en kan minstens zo veel. Ik gebruik Integromat al een paar maanden om Thanks for Subscribing te automatiseren en ik ben er tevreden over. Met Integromat is het publiceren van een nieuwe editie een koud kunstje. Ik loop je door de stappen.

Stappen in Integromat

Scenario Integromat om je nieuwsbrief te publiceren

Je ziet hier de standaard interface van Integromat. Dit stappenplan noemen ze een scenario. Dit scenario bestaat uit 5 stappen, waaronder 1 trigger.

  1. Elke week op donderdagochtend checkt het scenario of er een nieuwe nieuwsbrief is. Dit gebeurt via de RSS-feed van mijn Revue pagina.
  2. Als er een nieuwe editie is, haal ik via de API van Revue de volledige editie op. De RSS feed laat namelijk alleen de intro zien van de editie.
  3. De tekst van de nieuwe editie bewerk ik met regular expressions om overbodige opmaak te verwijderen.
  4. Vervolgens publiceert het scenario de bewerkte tekst op mijn WordPress blog.
  5. Ik krijg op mijn iPhone een notificatie dat de nieuwe editie is gepubliceerd.

Hoe zien deze stappen er in detail uit?

De bovenstaande stappen zien er misschien eng uit. Iets met RSS en een API. Regular Expressions… maar het valt allemaal reuze mee. Hieronder zie je de stappen in iets meer detail.

  • Ik haal de RSS feed binnen van mijn nieuwsbrief. Hier kijk ik alleen of er een nieuwe editie is.
  • Hier gebruik ik de API van Revue om de nieuwste editie op te halen. Dit is altijd dezelfde aanroep. Je token vind je in je accountpagina van Revue.
  • Vervolgens haal ik de H3 tag weg uit de binnengekomen tekst
  • Nu kan ik alle onderdelen van de nieuwsbrief publiceren op mijn WordPress blog.
  • Tenslotte gebruik ik een paar elementen van de nieuwsbrief om een notificatie te maken waarmee ik direct naar de gepubliceerde pagina ga.

Integromat inzichten per onderdeel

Maar hoe weet je nu wat je waar moet invullen bij Integromat? Gelukkig helpt de dienst je daar prima bij. Bekijk onderstaande screenshot van het WordPress onderdeel.

Details Integrmat scenario stap

Bij elk invoerveld krijg je een overzicht van de output van de vorige stappen. Klik op een van de velden om uit te klappen en kies een onderdeel om aan het invoerveld toe te voegen.

Je kunt de stappen individueel uitvoeren om te zien wat de input en output is van zo’n stap. Hieronder zie je de output van de API-stap naar Revue. Deze informatie kun je weer verder gebruiken in de vervolgstappen en je kunt controleren of inderdaad gebeurt wat je verwacht.

Details Integrmat scenario stap

Integromat prijzen

Als het over automatisering gaat, dan zijn If This Then That en Zapier de bekende namen. Integromat is nog niet zo groot, maar ik vind de dienst erg prettig in gebruik. Het is soms nog wat zoeken in de interface waar je bepaalde dingen kunt doen, soms moet je wel wat kunnen denken als een programmeur om de logica te snappen. Maar aan de andere kant, Integromat is erg vriendelijk geprijsd. Je ziet dat ik multi-step scenario’s maak om mijn automatiseringen te laten werken. Bij Zapier betaal je daar minimaal $19,99 per maand voor. Het Integromat plan wat ik nu gebruik kost me $9 per maand. Een winst van meer dan $130 op jaarbasis. Daar krijg ik de multi-step scenario’s voor. Er zit een grens op het maandelijks aantal stappen wat ik kan zetten, maar daar kom ik nooit aan. Voor mij is Integromat een prima alternatief voor Zapier.

Ik heb je laten zien hoe je individuele nieuwsbrief edities van Revue op je WordPress blog kunt publiceren. Bovenstaand scenario kun je uiteraard aanpassen naar andere diensten die ze integreren als Mailchimp, Mailerlite, Mailgun, Sendy of een andere maildienst. Het aantal aangesloten diensten bij Integromat is snel groeiende!

Stuur me meer informatie!

Heb je interesse om Integromat te gebruiken voor jouw nieuwsbrief-automatisering? Start met een gratis account en ga er mee aan de slag. Ik kan je assisteren in de eerste stappen en meedenken hoe jouw nieuwsbrief-automatisering is te bouwen. Een eerste videocall van 30 minuten is altijd gratis!