markdown 适用于Google Analytics的Vimeo跟踪配方

Posted 2021-05-06

<button href="#vimeoVideoModal" data-vimeo-play="276118844" data-toggle="modal" aria-haspopup="true" aria-expanded="false" class="btn btn-primary">View Video</button>

<!-- Vimeo Video Modal -->
<div class="modal fade" id="vimeoVideoModal" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-content">
        <div data-vimeo-stop="276118844" class="close-modal" data-dismiss="modal">
            <div class="lr">
                <div class="rl">
                </div>
            </div>
        </div>
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="modal-body">
                        <iframe data-vimeo="276118844" src="https://player.vimeo.com/video/276118844?color=ab8a44&title=0&byline=0&portrait=0?api=1&player_id=glassdoorTopCEO" width="100%" height="500" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen autopause></iframe>
                    </div>
                </div>
            </div>
        </div>
    </div> <!-- /.modal-content -->
</div> <!-- /.modal -->

var vimeoVideoModal = function(id) { // Use Vimeo video id

    var video = $('[data-vimeo]').val(id)[0];
    var videoPlayer = $f(video);
    var videoPlay = $('body').find("[data-vimeo-play='" + id + "']");
    var videoStop = $('body').find("[data-vimeo-stop='" + id + "']");

    // When the player is ready, add listeners for pause, finish, and playProgress
    videoPlayer.addEvent('ready', function() { 
        videoPlayer.addEvent('pause');
    });

    // Call the API when a button is pressed
    videoPlay.bind('click', function() {
        videoPlayer.api('play');
    });

    // Call the API when a button is pressed
    videoStop.bind('click', function() {
        videoPlayer.api('pause');
    });
    
};

vimeoVideoModal(276118844);

## Visit the link below for instructions:  
### https://www.analyticsmania.com/google-tag-manager-recipes/vimeo/

##### *Note: Unfortunately, this will not work with Lity Lightbox. Use the javascript file found here as a workaround using Bootstrap's Modal lightbox.