JS Social Tracking EE example

by nicomiceli

HTML

<div class="span10">
    <div class="post-date">August 30, 2013</div>
    <div class="post-title">
         <h2><a href="http://www.domain.com/news/test">TEST post 123</a></h2>

    </div>
    <div class="post-content excerpt">
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus hendrerit tortor quis sem elementum molestie. Curabitur id nunc vitae arcu pulvinar imperdiet nec non metus. Ut vulputate nec sem sit amet adipiscing. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Praesent eget enim semper, fermentum lacus eu, placerat nibh. Donec volutpat mauris ante. Phasellus cursus arcu eu mi hendrerit, ac gravida nisi accumsan.</p>
    </div>
    <div class="social">
        <p class="learn-more"> <a href="http://www.domain.com/news/test">Learn More</a>

        </p>
        <p class="share"></p>
        <p>Share:</p>
        <!-- TWITTER -->
        <!--<a href="//javascript twitter share code;"> -->
        <img src="/wp-content/themes/bootstrap/assets/img/twitter-hover.jpg">
        </a>
        <!-- FACEBOOK -->
        <!--<a style="cursor:pointer" onclick="javascript facebook share code">-->
        <img src="/wp-content/themes/bootstrap/assets/img/facebook-hover.jpg">
        </a>
    </div>
</div>
<div class="span10">
    <div class="post-date">August 28, 2013</div>
    <div class="post-title">
         <h2><a href="http://www.domain.com/news/test2">TEST post 456</a></h2>

    </div>
    <div class="post-content excerpt">
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus hendrerit tortor quis sem elementum molestie. Curabitur id nunc vitae arcu pulvinar imperdiet nec non metus. Ut vulputate nec sem sit amet adipiscing. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Praesent eget enim semper, fermentum lacus eu, placerat nibh. Donec volutpat mauris ante. Phasellus cursus arcu eu mi hendrerit, ac gravida nisi...

JavaScript

$(".span10, .social, img").click(function() {
    var socialNet = $(this).attr("src");
    var postTitle = $(this).closest("h2");
    if (socialNet === "/wp-content/themes/bootstrap/assets/img/twitter-hover.jpg") {
        alert("twitter" + postTitle);
    }
    else {
        alert("facebook" + postTitle);
    }
});