User Guide

Intégrations

Webhook

Utilisez les webhooks pour être averti des événements qui se produisent dans votre compte Pagescreen.

Pagescreen peut envoyer des événements via Webhook qui informent votre application ou les logiciels tiers chaque fois qu'un changement se produit sur une page Web que vous surveillez. Ceci est particulièrement utile pour suivre les modifications sur vos moniteurs et synchroniser les nouvelles captures d'écran au fur et à mesure qu'elles se produisent.

Vous pouvez enregistrer des URL Webhook que nous notifierons chaque fois qu'une modification est détectée sur les moniteurs de votre compte. Lorsque l'événement se produit, Pagescreen crée un objet Event change.

Cet objet contient toutes les informations pertinentes sur votre moniteur et la modification détectée, y compris un lien direct vers la nouvelle capture d'écran générée. Pagescreen envoie ensuite l'objet, via une requête HTTP POST, aux URLs que vous avez définies dans les paramètres webhooks de votre compte. Vous pouvez faire en sorte que Pagescreen envoie un seul événement à plusieurs webhooks.

Événement "Change"

L'objet d'événement change contient toutes les informations pertinentes sur votre moniteur et le changement détecté, y compris un lien direct vers la nouvelle capture d'écran générée. 

 { "event": "change", "uuid": "ab996c58-31b9-4d39-a844-4c40ab473271", "automation_id": "1", "url": "https : //pagescreen.io", "domain": "pagescreen.io", "label": "Test d'écran de page (titre de la page)", "created_at": "2022-12-14T09:59:01+0000", "change " : 9.37, "image_permalink": "https://pagescreen.io/i/123.png", "view_link": "https://app.pagescreen.io/capture/view/123", "compare_link": "https://app.pagescreen.io/capture/compare/123" }

Événement "Capture"

Un objet Event capture.new peut être envoyé lorsqu'une nouvelle capture d'écran est générée. Il inclut des informations similaires à celles de l'objet de capture de l'API REST : 

 { "uuid":"763eadb9-7c6b-4383-9013-34859e0ab062", "event":"capture.new", "id ":"1", "url":{ "id":"2", "url":"https://pagescreen.io", "http_code":"200", "title":"Pagescreen (test) ", "description":"" }, "permalink":"https://i.pagescreen.io/i/123.png", "generated":"1", "status":"1", "requested_on ":"2022-12-14T07:05:10+00:00", "last_updated":"2022-12-14T07:05:38+00:00", "options":{ "delay":"0" , "format":"png", "fullpage":"1", "viewport":{ "width":"1440", "height":"960" } }, "automation_id":"1", "fichier ":{ "width":"1440", "height":"11216", "size":"639570" }, "colors":{ "rgb(109, 118, 139)":304, "rgb(255 , 255, 255)":169, "rgb(51, 51, 51)":4, "rgb(0, 0, 0, 0)":523, "rgb(0, 0, 0)":82, "rgb(239, 239, 239)":5, "rgb(33, 68, 146)":27, "rgb(0, 131, 221)":37, "rgb(120, 129, 149)": 27, "rgba(255, 255, 255, 0,063)":2, "rgba(255, 255, 255, 0,314)":2, "rgba(255, 255, 255, 0,5)":2, "rgb( 255, 194, 10)":5, "rgb(0, 26, 62)":42, "r gb(70, 188, 102)":11, "rgb(238, 82, 83)":5, "rgb(255, 165, 0)":6, "rgb(61, 129, 214)":22 , "rgb(0, 122, 255)":4, "rgb(30, 144, 255)":8, "rgb(248, 248, 248)":6, "rgb(240, 240, 240)" :7, "rgb(80, 102, 144)":15, "rgb(0, 0, 0, 0.1)":1, "rgb(0, 201, 183)":4 }, "navigation":{ "précédent":{ "id":"1" }, "suivant":null } }

Dropbox

Pagescreen vous permet actuellement de synchroniser vos captures d'écran avec Dropbox, lorsqu'un changement est detecté sur un de vos moniteur, à l'aide de webhooks et de Zapier.

Intégration à Dropbox via Zapier

Zapier vous permettra de connecter Pagescreen à Dropbox en quelques étapes. Vous pourrez synchroniser toutes les captures d'écran générées après la détection d'une modification.

  1. Connectez-vous d'abord à votre compte Zapier et créez un nouveau Zap. Sélectionnez "Webhooks by Zapier" comme application source. alt text

  2. Zapier vous demandera quel comportement vous souhaitez configurer pour Webhook. Puisque Pagescreen est proactif et envoie les données dès qu’une modification est détectée, sélectionnez "Catch Hook". alt text

  3. À l'étape suivante, aucune action n'est requise, cliquez simplement sur "Continuer". alt text

  4. À cette étape, Zapier a créé un Webhook prêt à être utilisé. Il est temps de connecter Zapier à Pagescreen en copiant l'URL donnée et en l'ajoutant à votre liste des de webhooks. alt text

Une fois cela fait, confirmez à Zapier que la connexion est établie en cliquant sur "Ok, I did it".

  1. Si tout s'est bien passé, Pagescreen a envoyé un événement test à Zapier, que Zapier a détecté. Choisissez un échantillon de données reçu et cliquez sur "Continuer". alt text

  2. Maintenant que Pagescreen et Zapier sont capables de communiquer, connectons votre compte Dropbox. Une erreur peut apparaître à ce stade, mais ne vous inquiétez pas, suivez simplement les instructions de Zapier. alt text

  3. Zapier vous demandera de choisir une application d'action, sélectionnez "Dropbox". alt text

  4. Sélectionnez ensuite "Upload File" pour l'action Dropbox et cliquez sur "Enregistrer + continuer" alt text

  5. Connectez-vous et/ou sélectionnez votre compte Dropbox, puis cliquez sur "Enregistrer + continuer". alt text

  6. Vous y êtes presque!

    • Sélectionnez le dossier souhaité où les captures d'écran doivent être enregistrées sur Dropbox.
    • cliquez sur l'icône à droite de du champ "fichier", puis sélectionnez la valeur image_permalink.
    • cliquez sur "Continuer" alt text

  7. Zapier va maintenant vous permettre de tester toute la chaine de synchronisation. Cliquez sur "Envoyer le test à la liste déroulante" pour voir la magie se produire. alt text

  8. Si tout s'est bien passé, un nouveau fichier sera alors créé dans votre dossier Dropbox. Ensuite, cliquez sur "Terminer". alt text

  9. C'est terminé ! N'oubliez pas de nommer votre Zap et de l'activer si nécessaire. alt text

Félicitations !

Table of Contents

Try us now for Free

Play with Pagescreen for 14 days, access to all features.

Start a free trial Contact sales