Vervangen social share buttons

Op verzoek van WUR zijn de social share buttons aangepast. Delen met social media gaat nu door middel van share links.

Data-share-href

De data-share-href dient gevuld te worden met de URL die gedeeld dient te worden. Dit zal in vrijwel alle gevallen de huidige URL zijn, maar op deze wijze kan hier ook een andere url geplaatst worden, bijvoorbeeld als het begin van een flow gedeeld dient te worden.

Twitter

Belangrijk: Voor Twitter dient een data-share-text gevuld te worden met de paginatitel. Dit is voor WUR.nl onjuist geimplementeerd. De data-share-via dient gevuld te worden met het Twitteraccount van WUR: WUR

Href

De href binnen de social-sharing items dient exact zo over genomen te worden.

HTML NIEUW:

    <div class="social-sharing">
      <a class="social-sharing__button social-sharing__button--facebook"
        data-share-id="145634995501895"
        data-share-href=""
        href="https://www.facebook.com/dialog/share"
        target="_blank">
        <span>Facebook</span>
      </a>
      <a class="social-sharing__button social-sharing__button--twitter"
        data-share-via="WUR"
        data-share-href=""
        data-share-text="dit is een test"
        href="https://twitter.com/share"
        target="_blank">
        <span>Twitter</span>
      </a>
      <a class="social-sharing__button social-sharing__button--whatsapp"
        data-share-href=""
        href="whatsapp://send"
        data-action="share/whatsapp/share"
        target="_blank">
        <span>Whatsapp</span>
      </a>
      <a class="social-sharing__button social-sharing__button--google-plus"
        data-share-href=""
        href="https://plus.google.com/share"
        target="_blank">
        <span>Google</span>
      </a>
      <a class="social-sharing__button social-sharing__button--linkedin"
        data-share-href=""
        href="https://www.linkedin.com/shareArticle"
        target="_blank">
        <span>Linkedin</span>
      </a>
      <a class="social-sharing__button social-sharing__button--email"
        data-share-href="
        href="/ajax/_share_email_form.html"
        data-wur-overlay="true">
        <span>Email</span>
      </a>
    </div>