Näin automatisoit verkkosivujen muutosilmoitukset Zapierilla tai n8n:llä

Kilpailija nostaa Pro-tilauksensa hintaa 29 dollarista 39 dollariin. Sivumuutosten valvontatyökalusi havaitsee sen. Sen jälkeen joku kopioi yhteenvedon Notion-sivulle, luo manuaalisesti Jira-tiketin ja välittää kuvakaappauksen myyntitiimille Slackissa. Siinä vaiheessa kun kauppatiimi (deal desk) huomaa asian, puolet yrityksestä on jo kuullut epätarkan version käytäväkeskusteluissa.

Tuo manuaalinen kopioi ja liitä -vaihe on juuri se kohta, joka pettää. Käytät todennäköisesti jo Zapieria tai n8n:ää CRM-päivityksiin, tikettien luontiin ja yhteenvetoihin. Tarvitset vain selkeän ja jäsennellyn tapahtuman sivuvahdilta, jonka nämä automaatiotyökalut voivat napata ja reitittää suoraan eteenpäin.

Työskentelen Page Deltasilla, joten ota se huomioon, jos mainitsen Visualpingin jäljempänä. Page Deltas valvoo julkisia verkkosivuja, suodattaa muutokset tekoälyohjeistuksen (brief) avulla ja voi lähettää allekirjoitetun JSON-webhookin POST-kutsulla heti, kun muutos vastaa ehtoja. Zapierissa ei ole natiivia Page Deltas -sovellusta. Oikea tapa on yhdistää yleinen webhook-kanava Zapierin Catch Hookiin tai n8n:n Webhook-solmuun ja jatkaa siitä nykyisillä automaatioillasi. Tässä artikkelissa käydään läpi koko käyttöönotto alusta loppuun.

Miksi pelkkä chat-viesti ei riitä

Slack (tai Teams, tai Discord) toimii erinomaisesti, kun yhden henkilön tarvitsee vain silmäillä muutosta nopeasti. Se ei kuitenkaan riitä silloin, kun saman tapahtuman pitäisi päätyä kolmeen eri järjestelmään: Myynti tarvitsee merkinnän CRM-asiakkuuteen. Operatiivinen tiimi tarvitsee tiketin ennen ja jälkeen -kuvakaappauksineen. Johto haluaa viikoittaisen yhteenvedon kahdenkymmenen häiritsevän pikaviestin sijaan.

Voit kytkeä jokaisen kohteen manuaalisesti tai käsitellä hälytystä yhtenä keskitettynä tapahtumana ja antaa Zapierin tai n8n:n jakaa sen eteenpäin. Page Deltas tukee Slackia, Discordia, Teamsia, sähköpostia ja allekirjoitettuja webhoodeja kaikissa tilauksissa, myös ilmaisessa Free-versiossa. Jos tarvitset vain ilmoituksen chat-kanavalle, Slack-oppaamme riittää mainiosti. Tämä kirjoitus on tarkoitettu tilanteisiin, joissa hälytyksen on määrä käynnistää kokonainen työnkulku.

Visualping tarjoaa laajan valikoiman Zapier- ja n8n-malleja, ja n8n sisältyy kaikkiin sen tilauksiin. Visualpingin ilmaisversiossa saat 5 sivua, 150 tarkistusta kuukaudessa ja vähintään 60 minuutin tarkistusvälin webhoodeilla; Slack ja Teams edellyttävät Business-tilausta. Page Deltasin ilmaisversio kattaa 10 valvottua URL-osoitetta, parhaan suorituskyvyn mukaiset rajattomat tarkistukset, tekoälysuodatuksen ja -yhteenvedot sekä Slackin, Teamsin, Discordin, sähköpostin ja webhookit ilman luottokorttia. Valitse sen mukaan, arvostatko enemmän pikselialueiden valvontaa (Visualping) vai tekoälyohjeistuksia ja ilmaisia chat-kanavia (me).

Miltä webhook näyttää

Kanavia hallinnoidaan organisaatiotasolla. Voit määrittää yhden oletuskanavaksi uusille valvontakohteille, ja jokainen yksittäinen vahti voi ohittaa tämän valinnan. Lisää automaatiota varten yleinen Webhook-kanava ja liitä siihen Catch Hookin tai n8n:n URL-osoite. Yksityiskohtaiset kenttäkuvaukset löytyvät kanavadokumentaatiosta.

Kun suodatettu muutos havaitaan, Page Deltas lähettää POST-pyynnön tällaisella JSON-rakenteella:

POST <your URL>
Content-Type: application/json
X-Signature: sha256=<hex>
{
  "event": "change.detected",
  "monitor_id": "...",
  "monitor_url": "https://example.com/pricing",
  "monitor_name": "Kilpailijan hinnoittelusivu",
  "change_id": "...",
  "detected_at": "2026-06-01T12:00:00Z",
  "summary": "Pro-tilaus nousi 29 dollarista 39 dollariin kuukaudessa.",
  "before_screenshot_url": "https://.../before.png",
  "after_screenshot_url": "https://.../after.png",
  "dashboard_url": "https://app.pagedeltas.com/monitors/..."
}

summary on selkokielinen lause, jonka voit yhdistää tikettien otsikoihin ja CRM-muistiinpanoihin. Kuvakaappausten URL-osoitteet ja dashboard_url sopivat mainiosti liitteiksi tai Notion-upotuksiksi. X-Signature on raakasisällöstä kanavan salaisuudella laskettu HMAC-SHA256-tiiviste, joka näytetään vain kerran kanavaa luotaessa. Laske tiiviste raakatavuista ennen JSONin jäsentämistä, muuten tarkistus epäonnistuu.

Toimitus suoritetaan yhdellä yrityksellä kanavaa kohden ilman automaattisia uusintayrityksiä. Varmista, että vastaanotin vastaa nopeasti, ja liitä kriittisille sivuille toinen erityyppinen kanava (webhook ja sähköposti yhdessä toimivat erinomaisesti), jotta Zapierin tilapäinen häiriö ei jätä muutosta huomaamatta.

Määritä ensin Page Deltas

Viimeistele valvonta-asetukset ennen kuin kosket Zapieriin tai n8n:ään. Muutoin käytät aikaa tyhjien Zapien vianmääritykseen sellaisen vahdin kanssa, joka ei ole vielä kertaakaan lauennut.

Luo ilmainen tili ja avaa Channels. Lisää Slack tai sähköposti, jos haluat pitää mukana inhimillisen valvonnan, ja lisää sitten yleinen Webhook-kanava. Jätä URL-kenttä hetkeksi tyhjäksi, jos et ole vielä luonut Catch Hookia. Liität sen paikoilleen alla kuvattujen Zapier- tai n8n-vaiheiden jälkeen.
Luo vahti haluamallesi sivulle (hinnoittelu, muutosloki, työpaikat, käyttöehdot tai toimittajan tilasivu). Kirjoita lyhyt ohjeistus (brief), jossa määritellään mistä ilmoitetaan ja mitä jätetään huomiotta. Suodatindokumentaatio kertoo tarkemmin ohjeistuksen soveltamisesta. Ilman selkeitä poissulkemisia rauhallisetkin sivut tuottavat turhaa kohinaa (aikaleimat, liittyvät artikkelit, evästebannerit).
Liitä webhook-kanava kyseiseen vahtiin (tai luota organisaation oletukseen). Napsauta kanavassa Send test heti, kun Catch Hook- tai n8n-URL on tallennettu, jotta varmistat yhteyden ennen todellisen muutoksen tapahtumista.
Pidä halutessasi Slack mukana samassa vahdissa: chat ihmisille, webhookit automaatioille. Tämä jako on useimmiten selkeämpi kuin pyytää Zapieria julkaisemaan viesti uudestaan Slackiin.

Free-versio sisältää 10 valvottua URL-osoitetta (sivustokartta lasketaan yhdeksi), tekoälysuodatuksen ja -yhteenvedot, REST API:n ja MCP:n, rajattomasti tiimin jäseniä ja 14 päivän historian. Maksulliset tilaukset nostavat URL-rajaa: Starter 29 $ / 150, Pro 79 $ / 1 000, Business 199 $ / 5 000, Scale 499 $ / 20 000, Enterprise räätälöidysti. Valvomme toistaiseksi vain julkisia sivuja; kirjautumisen takana olevat sivut ovat kehityssuunnitelmassamme. Tarkistustiheys on mukautuva, ja maksulliset tilaukset saavat etusijan ruuhka-aikoina.

Vastaanota tapahtuma Zapierissa tai n8n:ssä

Molemmat työkalut käyttävät samaa Page Deltasin yleistä Webhook-kanavaa. Vain vastaanottaja vaihtuu. Koska natiivia sovellusta ei ole, Zapierissa aloitetaan Catch Hookilla ja n8n:ssä Webhook-solmulla.

Zapier

Luo Zap käyttäen Webhooks by Zapier -sovellusta laukaisimena ja valitse Catch Hook. Kopioi Zapierin näyttämä mukautettu webhook-URL.
Liitä URL Page Deltasin yleiseen Webhook-kanavaan ja tallenna. Napsauta Send test Page Deltasissa (tai odota oikeaa muutosta). Napsauta Zapierissa Test trigger ja varmista, että testidata sisältää kentät summary, monitor_url sekä kuvakaappaustiedot.
Lisää toiminnot. Yleisiä esimerkkejä: luo Jira- tai Linear-tiketti, jossa summary toimii otsikkona ja dashboard_url kuvauksessa; lisää rivi Notion-tietokantaan; luo tai päivitä HubSpot- tai Salesforce-muistiinpano kilpailijan tilille; lähetä sähköpostiyhteenveto useammasta muutoksesta kerralla. Määritä kentät suoraan Catch Hook -näytteestä sen sijaan, että kirjoittaisit paikkamerkkejä käsin.
Kytke Zap päälle. Lähetä vielä yksi testi Page Deltasista ja seuraa sen etenemistä jokaisen määritetyn toiminnon läpi.

Jos sinun täytyy tarkistaa allekirjoitukset, Zapierin Code-vaiheet voivat laskea sisällön HMAC-arvon. Luotettavampaan tarkistukseen kannattaa suosia n8n:ää tai pientä palvelintonta funktiota ennen Zapieria, koska tarvitset pyynnön alkuperäiset raakatavut.

n8n

Lisää Webhook-solmu, aseta metodiksi POST ja aktivoi työnkulku, jotta n8n antaa tuotanto-URL-osoitteen. Kopioi se Page Deltasin yleiseen Webhook-kanavaan (tai toiseen webhook-kanavaan, jos molempien työkalujen tulee vastaanottaa tapahtuma).
Lähetä testi Page Deltasista. Varmista, että Webhook-solmu näyttää JSON-sisällön ja X-Signature-otsakkeen.
Valinnainen mutta vahvasti suositeltu: Lisää Code-solmu, joka laskee uudelleen sha256= plus raakasisällön HMAC-SHA256-tiivisteen kanavan salaisuudella ja vertaa sitä ajoitusturvallisesti (timing-safe) otsakkeeseen X-Signature. Hylkää virheelliset kutsut ennen CRM- tai tikettivaiheiden suorittamista.
Haarauta IF- tai Switch-solmulla arvon monitor_name tai monitor_url:n osan perusteella, jos eri sivujen tulee avata erilaisia tikettejä. Lisää sen jälkeen Jira-, Notion-, sähköposti- tai HTTP Request -solmut samalla tavalla kuin mille tahansa muulle webhook-lähteelle.
Tallenna ja pidä työnkulku aktiivisena. Page Deltas ei yritä epäonnistuneita toimituksia uudelleen: varmista, että Webhook-solmu vastaa nopeasti 2xx-tilakoodilla, ja siirrä hitaampi käsittely myöhempiin solmuihin tai jonoon.

Itse isännöity n8n on ihanteellinen ratkaisu silloin, kun kanavan salaisuus ei saa koskaan poistua omasta verkostasi. n8n Cloud sopii puolestaan erinomaisesti useimpiin markkinoinnin ja RevOpsin työnkulkuihin. Kummassakin tapauksessa kokoat vakiomuotoisia solmuja; mikään tässä ei ole riippuvainen Page Deltas -erikoisliittimestä.

Tyypilliset kompastuskivet ja niiden välttäminen

Käytännön toiminnassa ilmenee joitakin rajoituksia: Hyötykuormaan voi ajan myötä tulla uusia kenttiä – jätä tuntemattomat avaimet huomiotta sen sijaan, että hylkäisit koko tapahtuman. Käsittele kenttää change_id idempotenssiavaimena, jos tikettijärjestelmäsi saattaa saada kaksoiskappaleita manuaalisen testitoiston yhteydessä.

Jos Zapier tai n8n palauttaa muun kuin 2xx-koodin, Page Deltas merkitsee toimituksen epäonnistuneeksi ja jatkaa eteenpäin. Vahti jatkaa toimintaansa normaalisti. Tarkista sovelluksen toimitusyritysten loki, jos työnkulku yhtäkkiä hiljenee. Pidä kriittisillä sivuilla sähköposti tai Slack mukana samassa vahdissa varareittinä.

Tekoälysuodatus auttaa vain, jos ohjeistus on tarkka. Yleisluonteinen pyyntö kuten ”ilmoita hinnanmuutoksista” päästää edelleen läpi sivupalkkien suositellut artikkelit. Käytä viisi minuuttia poissuljettavien asioiden listaan ennen viisivaiheisen Zapin rakentamista. Ja jos valvottava asia näkyy vasta kirjautumisen jälkeen, Page Deltas tai webhook ei pysty havaitsemaan sitä vielä.

Muut tuoteperheemme työkalut kattavat toisenlaisia hälytystarpeita. KWatch.io valvoo avainsanojen mainintoja sosiaalisessa mediassa ja verkossa silloin, kun signaali ei tule yhdeltä kiinteältä URL-osoitteelta. Kiinteälle julkiselle verkkosivulle, joka päivittyy paikallaan, Page Deltas ja webhook-automaatio ovat toimivin ratkaisu.

Aloita yhdellä Zapilla tai työnkululla

Valitse yksi sivu ja yksi selkeä kohde: kilpailijan hinnoittelu Notion-tietokantaan tai toimittajan tilasivu Jiraan riittää mainiosti yhteyden varmentamiseen. Luo vahti, liitä yleinen webhook, ota se vastaan Zapierissa tai n8n:ssä ja määritä summary sekä dashboard_url. Free-tilaus sisältää 10 URL-osoitetta, tekoälysuodatuksen, kaikki hälytyskanavat ja API-yhteyden täysin ilman luottokorttia. Aloita valvonta ilmaiseksi.

Julien, tuotepäällikkö Page Deltasilla