Creating a Website Monitoring Automation Workflow with Latenode

Are you tired of manually checking your website's performance and status? Do you wish for a seamless solution that keeps you informed in real-time? Look no further! With Latenode's Headless Browser and Telegram Bot integration, you can set up your own website monitoring service in just 5 minutes. Not only will you be able to monitor the activity of your website, but you'll also receive instant notifications the moment your site experiences any errors or downtime. In this guide, we'll walk you through the step-by-step process of creating this automation workflow.

What You'll Need:

• Telegram account
• Access to Latenode.com

Step 1: Creating a Telegram Bot

• Initiate Conversation with BotFather
• Start a conversation with BotFather on Telegram.
• Create a New Bot:

• Type /newbot and follow the prompts to give your bot a name and generate a username.
• You'll receive an API key for your Telegram bot.

Enable Group Chat Invitations:

• Type /help and /setjoingroups to allow your bot to be invited to group chats.

Add Bot to a Group Chat:

• Create a new group chat or add your bot to an existing one.
• You'll need the chat ID of this group for later steps.

Step 2: Setting Up the Latenode Scenario

Log in to Latenode.com:

• Sign in to your Latenode account.

Create a New Scenario:

• Click on "Create New Scenario" and give it a name.

Configure Triggers:

• Add a Schedule trigger to activate the performance check at regular intervals.
• Add a Webhook trigger for customizable activation links.

Implement Headless Browser:

• Add a Headless Browser node.

Here’s the code I’m using:

await page.goto('https://app.latenode.com/auth', { waitUntil: 'networkidle2' });

// The waitForSelector is used here to ensure that the React app has finished rendering.
// This is a simple approach and might need to be adjusted based on the actual app behavior.
await page.waitForSelector('[data-test-id="authEmailInput"]', { timeout: 10000 });

// Check if the specific string exists on the page
const isStringPresent = await page.evaluate(() => {
    return document.body.textContent.includes('Create your account');
});

return { "result": isStringPresent };

‍
This is just a simple example. You can build up any logic here, Latenode’s Headless browser is giving you a huge variety of possibilities with a Puppeteer library.

• Copy and paste the provided code to navigate to your website and check for specific text.
  
  

Set Up Telegram Nodes:

• Add two Telegram Bot API nodes to send messages.
• Connect them to the Headless Browser node.
• Configure filters to execute based on the result of the Headless Browser node.

Configure Telegram Nodes:

• Enter your bot's access token obtained from BotFather.
• Provide the chat ID of the group where you want to receive notifications.
• Customize the message text and parsing mode.

Save and Deploy

• Save the scenario and deploy it to make it automatically active.

Conclusão

Congratulations! You've successfully created your own webpage monitoring workflow using Latenode. With this automation in place, you'll receive real-time updates on your website's performance directly to your Telegram group chat. Feel free to customize and adapt the scenario to suit your specific needs, whether you want to monitor website changes or monitor a website for changes. 

Join our Discord Channel for support and to connect with other low-code enthusiasts. The possibilities for automation are endless, and we're excited to have you join us on this journey!

‍