Forum

Thread tagged as: Question

Sharing individual blog posts by social media plugin

Hi,

I've installed and have running a social media share panel on by blog as follows:

https://www.colconquerors.com/blog/post.php?s=2014-10-28-nutrition-for-hot-weather

Each of the list items for each social media channel is as follows but how would I go about making the link share the perch specific blog post? I'm not sure what I need to do to the <a> element.

Help appreciated.

Cheers

Rob

<li class="rrssb-twitter">
    <!-- Replace href with your Meta and URL information  -->

    <a href="https://twitter.com/home?status=Ridiculously%20Responsive%20Social%20Sharing%20Buttons%20by%20@joshuatuscan%20and%20@dbox%20https://kurtnoble.com/labs/rrssb" class="popup">
        <span class="rrssb-icon">
            <svg version="1.1" id="Layer_1" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" x="0px" y="0px"
                 width="28px" height="28px" viewBox="0 0 28 28" enable-background="new 0 0 28 28" xml:space="preserve">
            <path d="M24.253,8.756C24.689,17.08,18.297,24.182,9.97,24.62c-3.122,0.162-6.219-0.646-8.861-2.32
                c2.703,0.179,5.376-0.648,7.508-2.321c-2.072-0.247-3.818-1.661-4.489-3.638c0.801,0.128,1.62,0.076,2.399-0.155
                C4.045,15.72,2.215,13.6,2.115,11.077c0.688,0.275,1.426,0.407,2.168,0.386c-2.135-1.65-2.729-4.621-1.394-6.965
                C5.575,7.816,9.54,9.84,13.803,10.071c-0.842-2.739,0.694-5.64,3.434-6.482c2.018-0.623,4.212,0.044,5.546,1.683
                c1.186-0.213,2.318-0.662,3.329-1.317c-0.385,1.256-1.247,2.312-2.399,2.942c1.048-0.106,2.069-0.394,3.019-0.851
                C26.275,7.229,25.39,8.196,24.253,8.756z"/>
            </svg>
       </span>
        <span class="rrssb-text">twitter</span>
    </a>
</li>
Rob Hawkins

Rob Hawkins 0 points

  • 7 years ago

look forward to hearing from you

Drew McLellan

Drew McLellan 2638 points
Perch Support

What does the documentation for the sharing widget say?

To be honest Drew I have looked at that but am confused as how I pass the Perch generated URL to it for example:

https://www.colconquerors.com/blog/post.php?s=2014-10-28-nutrition-for-hot-weather

I have checked the docs for the widget but can only see how I would pass a static link not a dynamic one to it...

Driven me mad for a fair while today this has so really appreciate the help. I'm nearly done after this I promise!!

https://github.com/kni-labs/rrssb

Many thanks

Rob

Should mention that it seems to be a different string for the Twitter and Facebook links also and not sure why or if this makes a difference.

I can use the decoder mentioned in the instructions to turn a link to this:

http%3A%2F%2Fwww.colconquerors.com%2Fblog%2Fpost.php%3Fs%3D2014-10-28-nutrition-for-hot-weather

but then if I use this in the code it will always go here and not the the specific pages being viewed by my guests.

Drew McLellan

Drew McLellan 2638 points
Perch Support

Right - so how would you pass the static link? Then we can make it dynamic - that's the Perch bit.

Well I think for Twitter it's now this in the example link:

<a href="https://twitter.com/home?status=Ridiculously%20Responsive%20Social%20Sharing%20Buttons%20by%20@joshuatuscan%20and%20@dbox%20https://kurtnoble.com/labs/rrssb" class="popup">

and I think I would change it to this:

<a href="https://twitter.com/home?status=Myinfo%20goes%20here%20https://colconquerors.com/blog" class="popup">

but am then not sure how to add the bit that would make it dynamic for each blog post

Hi Drew,

This seems to do it :-)

<a class="popup" href="https://twitter.com/home?status=<perch:blog id="postTitle" />:-%20https://www.colconquerors.com<perch:blog id="postURL" />">

Look good to you?

Cheers

Rob

Drew McLellan

Drew McLellan 2638 points
Perch Support

Sure, looks fine.

You might want to add urlencode="true" to the tags to make them URL-safe.

Hi Drew,

Thanks for the advice. Would this be as follow?

<a class="popup" urlencode="true" href="https://twitter.com/home?status=<perch:blog id="postTitle" />:-%20https://www.colconquerors.com<perch:blog id="postURL" />">

got it...

 <perch:content id="title" type="text" label="Title" urlencode="true" />

cheers