Keyword Matcher

Overview

A specialized tool that gamifies the keyword review process for Google Ads campaigns. Instead of scrolling through spreadsheets, campaign managers swipe through keyword cards — right to approve, left to decline — with full performance metrics displayed alongside each keyword combination.

Problem

Reviewing thousands of keyword combinations for Google Ads campaigns was tedious and error-prone. Campaign managers scrolled through Excel sheets, manually marking keywords for approval or rejection. The process was slow, lacked context (no associated ad copy or performance data visible), and had no undo capability. Decisions were hard to track and impossible to batch-process efficiently.

Solution

We built an interactive card-based interface inspired by dating app UX. Each keyword appears as a card showing the combination, associated Google Ads copy, and performance metrics (impressions, clicks, CTR, conversions, cost). Users swipe right to approve or left to decline. The tool supports multi-stage review: full keyword combinations, then two-word permutations of declined keywords, then individual words — ensuring no valuable keyword is missed.

My Role

I designed and built the entire frontend application. This included implementing the gesture-based card system using react-spring for smooth 3D animations and react-use-gesture for swipe detection, building the multi-stage review workflow, implementing the history/undo system, and creating the batch save mechanism. I also built the integration with the Google Ads API for pulling keyword and ad data.

Architecture

• Card System (React + react-spring): 3D perspective transforms during drag, spring-based animations for card transitions
• Gesture Detection (react-use-gesture): Configurable swipe thresholds (300px minimum), velocity-based triggers
• Review Stages: 4-stage pipeline — full combinations, 2-word permutations, individual words, search terms
• History & Undo: Complete action history with replay capability, stored in component state
• Batch Save: All decisions saved in a single API call with progress tracking
• Backend (Laravel 8): RESTful API, Google Ads data integration, queue-based processing

Impact

The swipe-based interface turned a dreaded weekly task into an engaging workflow. Keyword review throughput increased as campaign managers could make faster, more informed decisions with performance data visible on each card. The multi-stage review process caught valuable keyword combinations that were previously lost when full combinations were rejected.