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

laravelcloud logo
Laravel Cloud

Easily create and manage your servers and deploy your Laravel applications in seconds.

Visit Laravel Cloud

The latest

View all →
CPX: The Composer Package Executor for PHP image

CPX: The Composer Package Executor for PHP

Read article
Laravel AI SDK Adds Human-in-the-Loop Tool Approval image

Laravel AI SDK Adds Human-in-the-Loop Tool Approval

Read article
Pest 5 Released With Test Impact Analysis, Agent Verification, and Evals image

Pest 5 Released With Test Impact Analysis, Agent Verification, and Evals

Read article
Queue-SQL: Run Mass Deletes and Updates Across Parallel Queue Jobs image

Queue-SQL: Run Mass Deletes and Updates Across Parallel Queue Jobs

Read article
Blade Formatting in Laravel Pint image

Blade Formatting in Laravel Pint

Read article
Inertia DevTools Is Now on the Chrome Web Store image

Inertia DevTools Is Now on the Chrome Web Store

Read article