Add the html in the text mode of wp-editor :
refer :
http://prntscr.com/97u8v1
And then just add the script given in the tip in your wplms -> footer -> google analaytics code :
jQuery(document).ready(function(){
jQuery('.ajax_unit').magnificPopup({
type: 'ajax',
alignTop: true,
fixedContentPos: true,
fixedBgPos: true,
overflowY: 'auto',
closeBtnInside: true,
preloader: false,
midClick: true,
removalDelay: 300,
mainClass: 'my-mfp-zoom-in',
callbacks: {
parseAjax: function(mfpResponse) {
mfpResponse.data = jQuery(mfpResponse.data).find('.unit_wrap');
},
ajaxContentAdded: function() {
// jQuery('video,audio').mediaelementplayer();
jQuery('.fitvids').fitVids();
jQuery('.tip').tooltip();
jQuery('.nav-tabs li:first a').tab('show');
jQuery('.nav-tabs li a').click(function(event){
event.preventDefault();
jQuery(this).tab('show');
});
}
}
});
});