Події Fathom Analytics для Laravel Livewire

Пакет Fathom Analytics для Laravel Livewire надає директиви та допоміжні засоби Alpine.js для безперебійного відстеження подій Fathom Analytics у шаблонах Blade та компонентах Livewire.

Після інсталяції та налаштування можна використовувати директиви Alpine.js або магічний допоміжник $fathom для відстеження подій:

<!-- Просте відстеження -->
<button x-track-click="button click">
    Відстежити простий клік
</button>
 
<!-- Кнопка з відстеженням значення -->
<button x-track-click="{ event: 'premium button', value: 2500 }">
    Відстежити клік із значенням ($25.00)
</button>
 
<!-- Відстеження форм -->
<form x-track-submit="newsletter signup">
    <input type="email" placeholder="Введіть email">
    <button type="submit">Підписатися</button>
</form>
 
<!-- Просте відстеження з використанням допоміжника $fathom -->
<button @click="$fathom.track('magic helper test')">
    Просте відстеження
</button>
 
<!-- Відстеження конверсій -->
<div x-data="{ productPrice: 4999 }">
    <button @click="$fathom.conversion('product purchase', productPrice)">
        Відстежити конверсію ($49.99)
    </button>
</div>

Також можна відправляти події з компонента Livewire для їх відстеження:

// Просте відстеження
$this->dispatch('fathom-track', name: 'contact form submitted');
 
// З значенням
$this->dispatch('fathom-track',
    name: 'high value lead',
    value: 5000 // $50.00 у центрах
);

Обов'язково перегляньте посібник з використання для додаткових прикладів.

# Основні особливості

• Директиви Alpine.js - простий HTML-атрибут для відстеження кліків, надсилання форм, завантажень та зовнішніх посилань.
• Магічний допоміжник - магічний допоміжник $fathom для програмного відстеження в JS.
• Інтеграція з Livewire - відправка подій відстеження з компонентів Livewire.
• Відстеження значень для E-commerce - відстеження конверсій із значеннями в центрах.
• Просте відстеження кліків - відстеження простих кліків, налаштованих значень, надсилання форм, завантажень та кліків на зовнішні посилання.

Перегляньте на GitHub: kerkness/fa-wired