Amp Page GA Tracking для события Swipe

Question

У меня есть 2 div (div 1 и div 2, изображение для справки: ). Я хочу запускать событие ga всякий раз, когда пользователь проводит пальцем влево или вправо. Вот код, который я написал.

<div>
    <ul>
        <li>
            <div>
                <p>PageName</p>
                <div>
                    <div>
                        @Html.Raw(Content)                            
                    </div>
                </div>
            </div>
        </li>
        <li>
            <div>
                <p>PageName</p>
                <div>
                    @Html.Raw(Content)
                </div>
            </div>
        </li>
    </ul>
</div>

Я попытался добавить фиктивное изображение во второй li (будет видно только после смахивания). Теперь проблема в том, что событие ga запускается сразу, как только секция входит в порт просмотра, но я хочу сделать это при действии пользователя, т.е. когда он начинает сильно ударить

Я не могу использовать ампер-карусель из-за проблем с фиксированной высотой.