Keyword Monitoring and CSS Selectors: Track Exactly What Matters
Stop the noise. Get alerted only when the things you care about change.
The biggest complaint about website monitoring? Too many alerts. A timestamp changes, an ad rotates, a cookie banner updates - and you get pinged for all of it. After a week, you start ignoring alerts. After a month, you turn them off.
Zikit solves this with two precision tools: keyword monitoring and CSS selectors. Together, they let you define exactly what you care about - and ignore everything else.
Keyword monitoring
Set specific words or phrases to watch for. Zikit will only alert you when those keywords appear, disappear, or change on the page.
Three keyword modes
Any change (default)
Alert when the count of your keyword on the page changes. If "free shipping" appears 3 times and drops to 2, you'll know.
Appear
Alert only when a keyword is added to the page. Great for tracking when a competitor adds a new feature or product.
Disappear
Alert when a keyword is removed. Catch when "money-back guarantee" disappears from a terms page.
Real examples
- E-commerce: Keywords "sale", "discount", "free shipping" on competitor pages
- Legal: Keywords "effective date", "amended", "new requirement" on regulation pages
- HR: Your company name on job review sites like Glassdoor
- SEO: Your brand name on competitor comparison pages
Bonus: When keywords match, Zikit automatically boosts the importance score to 6+, ensuring you always get alerted - regardless of your minimum importance setting.
CSS selectors
CSS selectors let you monitor a specific part of a page instead of the whole thing. Think of it as zooming in on what matters.
Why use CSS selectors?
A typical webpage has navigation, footer, sidebar, ads, cookie banners, and the actual content. Without a CSS selector, Zikit monitors everything - and changes to navigation or ads trigger false alerts.
With a CSS selector like #pricing-table, Zikit only watches the pricing table. Everything else is ignored.
How to set CSS selectors
Two ways:
- Chrome Extension (easy) - Click "Pick element" and visually select the section you want. Camo generates the selector automatically. No coding needed.
- Manual (advanced) - Type a CSS selector when creating or editing a monitor. Supports IDs, classes, and complex selectors like
.pricing-section .plan-card.
Ignore selectors
The opposite of CSS selectors. Instead of saying "watch this", you say "ignore this". Add selectors like .ads, .timestamp, .cookie-banner to filter out known noisy elements while watching the rest of the page.
Combining both for precision
The ultimate setup: CSS selector to focus on the right section + keywords to alert on the right content. Example:
Monitor: competitor.com/pricing
CSS selector: .pricing-plans
Keywords: $, /mo, enterprise, free
Result: Alert only when pricing numbers or plan names change. Zero noise.
