How it works

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:
Illustration of BotFather
  • 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.
Illustration how to Add BotFather to a Group chat

Step 2: Setting Up the Latenode Scenario

Illustration of setting up the scenario on Latenode

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:

illustration of Configuration of 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.

Conclusion

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!

Apps in this workflow
Categories
AI
IT & Development

FAQ

How does Latenode help maximize opportunities?

By integrating all your marketing tools in one place through data integration, Latenode helps you gain a comprehensive view of your operations. This enables you to identify potential opportunities more easily and make informed decisions based on accurate data.

Does using Latenode require any special technical skills?

No, using Latenode for data integration does not require any special technical skills. Its user-friendly interface ensures easy navigation for data integration, even for non-tech savvy users.

Can I customize my toolset on Latenode?

Yes, you can customize your data integration toolset on Latenode according to your specific business needs. This flexibility in data integration allows you to choose only those tools that align with your marketing strategy.

What is Latenode?

Latenode is a powerful data platform designed to simplify the integration of various marketing tools. It provides an integrated system that eliminates data discrepancies and enhances operational efficiency through seamless integration.

How does Latenode streamline tool integration?

Latenode streamlines data tool integration by providing a single platform where all your marketing and data tools can be linked together seamlessly. This integration eliminates the need for manual data transfer between different systems, reducing errors and saving time.‍