$(function() { if(top.location != self.location){ return; } var buttons = [ { icon : "facebook", color : "#3B5998", url : "http://www.facebook.com/sharer.php?u={url}" }, { icon : "whatsapp hide-desktop", color : "#1D9E11", url : "whatsapp://send?text={title}{newline}{url}" },{ icon : "twitter", color : "#00ACED", url : "http://twitter.com/share?text={title}&url={url}" },{ icon : "weixin", color : "#1D9E11", url : "https://apps.orgs.live/c5952?q={url}" }, { icon : "mobile hide-desktop", color : "#0076FF", url : "sms:?&body={title}{newline}{url}" } ] var wrapper = $($.parseHTML("
")); var fixedWrapper = $($.parseHTML("")); for (var i = 0; i < buttons.length; i++) { var button = buttons[i]; var url = button.url.replace("{title}", encodeURIComponent(document.title)).replace("{url}", encodeURIComponent(window.location.href)).replace("{newline}", escape("\n")); var buttonTemp = "{text}"; var buttonHtml = buttonTemp.replace("{url}", url).replace(/{icon}/g, button.icon).replace("{color}", button.color).replace("{text}", button.text || ""); var buttonLink = $(buttonHtml); if (button.mobile == true) { buttonLink.addClass("hide-desktop"); } wrapper.append(buttonLink); } $("body").append(fixedWrapper); var config = { posDesktop : "left", posMobile : "bottom", widthMobile : 1000 }; var script = $("#ishare"); if (script.length > 0) { $.extend(config, script.data()); } if ($(document).width() <= config.widthMobile) { fixedWrapper.addClass("mobile " + config.posMobile); } else { $(".hide-desktop", wrapper).remove(); fixedWrapper.addClass("desktop " + config.posDesktop); } wrapper.clone().appendTo(fixedWrapper); wrapper.clone().appendTo(".ishare-wrapper-inline"); // events $(window).scroll( function() { $(this).scrollTop() > 400 ? $("#ishare-wrapper-fixed.top") .show() : $("#ishare-wrapper-fixed.top").hide(); }); if ($(window).height() < 400) { $("#ishare-wrapper-fixed.mobile").remove(); } // event tracking if (typeof ga === 'undefined') { $(".ishare-wrapper a").click(function() { console.log($(this).data("icon")); ga('send', 'event', 'ishare', 'click', $(this).data("icon"), 1); }); } });