Laravel Tutorials

Using Laravel Livewire's "wire:navigate" with Fathom Analytics

Published
Using Laravel Livewire's "wire:navigate" with Fathom Analytics image

We use Fathom Analytics here on Laravel News, and we use Livewires wire:navigate feature to prevent full browser page reloading, but in the process, we discovered a side effect of not allowing analytics to track clicks.

If you ever run into this, Livewire offers some events that you can tap into to force the tracking.

document.addEventListener('livewire:navigated', function() {
if (window.fathom) {
window.fathom.trackPageview()
}
})

Many thanks to rinas for the idea from using Fathom with Turbolinks.

Eric L. Barnes photo

Eric is the creator of Laravel News and has been covering Laravel since 2012.

Sponsored

serpapi logo
SerpApi

The Web Search API for Your LLM and AI Applications

Visit SerpApi

The latest

View all →
Route::query() and Model defaults() in Laravel 13.35 image

Route::query() and Model defaults() in Laravel 13.35

Read article
Laravel AI SDK 1.1 Adds Agent Skills and Cohere Chat image

Laravel AI SDK 1.1 Adds Agent Skills and Cohere Chat

Read article
VMPal: Give Your AI Agent a Whole Computer image

VMPal: Give Your AI Agent a Whole Computer

Read article
Synapse: A Dev Dashboard for Laravel AI SDK Agents image

Synapse: A Dev Dashboard for Laravel AI SDK Agents

Read article
Decide with Jev: Three Questions in One Request with the Laravel AI SDK image

Decide with Jev: Three Questions in One Request with the Laravel AI SDK

Read article
Grant: Enum-Based Roles and Permissions for Laravel image

Grant: Enum-Based Roles and Permissions for Laravel

Read article