Not Working with The7 Theme Share Buttons

  • Resolved tobiaslange

    (@tobiaslange)


    3 years, 8 months ago

    I use Exit notifier now and generally it’s perfect. Simple way for exit notifications and enought for me. It works with every link on my site, including social media Icons with links to social media profile sites. But it is not working with share buttons in posts that will share a post on social media, for example on facebook. No Exit notification is popping up. Even not on twitter or others. Only on pinterest sharing I see the notifier for half a second before the site is swithcing. Why is it not working with sharebuttons and how can I fix that?
    Best regards
    Tobias

    The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author Curtis V. Schleich

    (@cvscvstechcom)

    Hello Tobias! Thank you for the kind words. I’m always grateful when my work is helpful to someone.

    My best guess is that the links are either: utilizing javascript, which subverts the method I use with Exit Notifier, or the share code is being added after the jQuery onload function runs.

    I don’t see on onclick event handler in the page source, so I’m guessing the social links are lazy-loading. If you have any way to control that so it loads with the page instead of after.

    Let me know if that helps! If not, let’s dig a bit deeper.

    Thread Starter tobiaslange

    (@tobiaslange)

    Hello Curtis! Thanks for the quick response. It is not helping to me, sorry. According to my analysing the share code is being added after the jQuery onload function runs. So what can we do to get that solved? “I don’t have an “onclick event handler” in my site, indeed. I never needed such tool. What is it good for? will it help and can you recommend any such plugin?

    Best regards

    Tobias

    Plugin Author Curtis V. Schleich

    (@cvscvstechcom)

    Sorry if I mislead you with the programmer jargon, Tobias! My reference to the onclick handler was that the share code is not using onclick so it’s most likely the lazy load, which happens after my plugin attaches itself to the links on your site. What’s happening is this:

    1. Page loads completely
    2. jQuery(document).ready runs and attaches Exit Notifier to the links
    3. Then the share code adds itself to the page.

    So the first place to look is the provider of the share code. Do they offer an option to turn off lazy load so the code is already in place before step 2 above? If so, that should solve your problem. If not, then it might get a little trickier.

    Thread Starter tobiaslange

    (@tobiaslange)

    Thanks Curtis, I re-checked the issue. So obviously it is handled in different ways. For Pinterest the share code is added after the jquery onload and it is a lazy loading. It is different with facebook, twitter and another share code links. There is no eveidence of lazy loading nor the share code is added only after the jquery onload. With Pinterest I see the exit notofier at least for half a second. With the other social media services I see no exit notifier at all. Even the source code is not giving any hints. You can see the code below:

    <div class="share-buttons">
		<a class="facebook" href="https://www.facebook.com/sharer.php?u=https%3A%2F%2Fpflegedienst-weiss.de%2F2017%2F11%2F11%2Florem-ipsum-dolor-glavrida-amet-nulla%2F&t=Wir+suchen+Pflegekr%C3%A4fte" title="Facebook" target="_blank" ><span class="soc-font-icon"></span><span class="social-text">Share on Facebook</span><span class="screen-reader-text">Share on Facebook</span></a>
<a class="twitter" href="https://twitter.com/share?url=https%3A%2F%2Fpflegedienst-weiss.de%2F2017%2F11%2F11%2Florem-ipsum-dolor-glavrida-amet-nulla%2F&text=Wir+suchen+Pflegekr%C3%A4fte" title="Twitter" target="_blank" ><span class="soc-font-icon"></span><span class="social-text">Tweet</span><span class="screen-reader-text">Share on Twitter</span></a>
<a class="pinterest pinit-marklet" href="//pinterest.com/pin/create/button/" title="Pinterest" target="_blank"  data-pin-config="above" data-pin-do="buttonBookmark"><span class="soc-font-icon"></span><span class="social-text">Pin it</span><span class="screen-reader-text">Share on Pinterest</span></a>
<a class="whatsapp" href="https://api.whatsapp.com/send?text=Wir%20suchen%20Pflegekr%C3%A4fte%20-%20https%3A%2F%2Fpflegedienst-weiss.de%2F2017%2F11%2F11%2Florem-ipsum-dolor-glavrida-amet-nulla%2F" title="WhatsApp" target="_blank"  data-action="share/whatsapp/share"><span class="soc-font-icon"></span><span class="social-text">Share on WhatsApp</span><span class="screen-reader-text">Share on WhatsApp</span></a>
<a class="linkedin" href="https://www.linkedin.com/shareArticle?mini=true&url=https%3A%2F%2Fpflegedienst-weiss.de%2F2017%2F11%2F11%2Florem-ipsum-dolor-glavrida-amet-nulla%2F&title=Wir%20suchen%20Pflegekr%C3%A4fte&summary=&source=Ambulanter%20Pflegedienst%20Weiss%20GmbH" title="LinkedIn" target="_blank" ><span class="soc-font-icon"></span><span class="social-text">Share on LinkedIn</span><span class="screen-reader-text">Share on LinkedIn</span></a>
	</div>

    According to the code it should work with exit notifier without probles. No java script, as I see it and no other problems. But not working.

    Plugin Author Curtis V. Schleich

    (@cvscvstechcom)

    It sounds like the Pinterest link is using javascript activation instead of just allowing the <a> click to do its thing, but I don’t see evidence of that in your snippet above. As for the others, I’m stumped. If you want to email me, my address is at the bottom of all the settings pages. Maybe we can talk more specifically and a little less publically?

    Plugin Author Curtis V. Schleich

    (@cvscvstechcom)

    @tobiaslange and I fixed this issue via email. I will be making a modification to the default selector to take into account a piece of what I learned through his issue. Thanks, Tobias!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Not Working with The7 Theme Share Buttons’ is closed to new replies.