Insert and Execute Javascript Recipes on a Monitored Page

1.Consider alternatives

Fluxguard supports directed actions that may be simpler. You can click any element, submit forms, and so on. Perhaps these can be utilized to accomplish your goals?

Of course, we don’t want to dissuade you! Fluxguard’s ability to insert and execute Javascript on any monitored page prior to capture offers untold flexibility. As a result, you can do almost anything in terms of manipulating the monitored content with Javascript.

2.Decide if you want to add Javascript at the account, session, or page level

You can add Javascript instructions in Session Settings which will execute on all monitored pages in a site.

You can also add Javascript in Account Settings. This will execute specific Javascript across every page of every monitored site. This is a great way to very quickly transform content from multiple pages across many sites in an instant.

In this tutorial, we explain how to insert Javascript at the page level. This will execute Javascript only on a single page.

3.Click into the Page View

Click into Page View. This is where you can add “actions” for Fluxguard to follow – such as clicks, form submissions, and more – whenever this page is crawled.

4.Click the Plus symbol to include a new action

This will bring up a modal. Use the select menu to select the Insert Javascript action.

5.Get coding!

Start simple and verify that everything works. Perhaps add something such as:

document.open();
document.write("hello there");

6.View output

The above code will transform the entire page, so it will be pretty easy to view the output. But at the Page View, we list all captures. Here you can view console activity to view the output of, e.g., console.log("hello there");

7.Get creative!

Fluxguard is a platform for change monitoring and content analysis. Insertable Javascript offers a powerful way to transform monitored content:

• Fill in complex forms
• Count elements
• Pass data to the next page in a crawling session
• Pass data to the next crawl of the same page
• Manipulate the DOM or contents to transform it into a form suitable for change monitoring
  • Remove attributes on DOM elements
  • Re-order list elements alphabetically
  • Change links to remove query strings

View advanced strategies and tips below, including techniques to send data to the next page in a crawling sequence, or the next crawl of the same page. This allows you to pre-process changes before sending to Fluxguard’s change engine.

8.Consider pre-packaged Javascript recipe templates

You will find a handful—with more on the way—of Javascript recipe templates. These are short scripts for common tasks—such as tracking rank changes of elements on a page—that our engineers have pre-created for your use. Follow the comments on each recipe template to customize.

9.Learn Fluxguard-specific Javascript syntax

Fluxguard provides multiple custom Javascript features to interact with our crawlers and data. Keep reading to learn more.