Embedding MyCred link in image

  • Resolved srcasey

    (@srcasey)


    4 years, 7 months ago

    I’m trying to use MyCred to allow users to earn points by sharing a page from my website on social media. I need to embed the code in an image (icon) but when I do it the image disappears.

    My syntax:
    <html>

    <head>
    <meta http-equiv=”Content-Type” content=”text/html; charset=windows-1252″>
    <title>New Page 1</title>
    </head>

    <body>

    <p><a [mycred_link amount=1 href=”https://socialreads.net/twitter_redirect_f13&#8243; target=”_blank”]View portfolio[/mycred_link]
    </p>

    </body>

    </html>

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

Viewing 10 replies - 1 through 10 (of 10 total)

  • Hi @srcasey,

    Thank you for contacting us, We have forwarded the details to the technical team lets see what they have to say about this.

    Hi @srcasey,

    Please try the shortcode shared below.

    [mycred_link amount=1 href="https://socialreads.net/twitter_redirect_f13" target="_blank"]<img loading="lazy" src="https://upload.wikimedia.org/wikipedia/commons/f/f3/Twitter_icon.png" alt="" width="58" height="53">[/mycred_link]

    Thread Starter srcasey

    (@srcasey)

    So sorry for the late reply.

    That worked perfectly! Thanks so much!

    Hi @srcasey,
    Thanks for the feedback!

    Thread Starter srcasey

    (@srcasey)

    Hi again. I tried to use the same code for Facebook and Pinterest but the shortcode placement didn’t work correctly for them as it did for Twitter.

    I tried to paste the code here for both but it doesn’t display correctly. Instead, here’s the page:

    https://www.socialreads.net/view/action-and-adventure/entry/13

    Thanks in advance.

    • This reply was modified 4 years, 6 months ago by srcasey.
    • This reply was modified 4 years, 6 months ago by srcasey.

    Hi @srcasey,

    Can you please share the code in code blocks you are using for Facebook and Pinterest.

    Thread Starter srcasey

    (@srcasey)

    Sure. Here you are:

    
Facebook:

Share for points!

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>New Page 1</title>
</head>

<body>

<p>mycred_link amount=1 href="https://socialreads.net/fb_redirect_f13" target="_blank"]<img loading="lazy" src="https://upload.wikimedia.org/wikipedia/commons/thumb/1/1b/Facebook_icon.svg/256px-Facebook_icon.svg.png" alt="" width="58" height="53">[/mycred_link]

</html>

===========

Pinterest:

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>New Page 1</title>
</head>

<body>

<p>[mycred_link amount=1 href="https://socialreads.net/pin_redirect_f13"]target="_blank"]<img loading="lazy" src="https://upload.wikimedia.org/wikipedia/commons/0/08/Pinterest-logo.png" alt="" width="58" height="53">[/mycred_link]

</body>

</html>
    • This reply was modified 4 years, 6 months ago by srcasey.

    Hi @srcasey,

    Please try the below-shared code.

    Facebook:

[mycred_link amount=1 href="https://socialreads.net/fb_redirect_f13" target="_blank"]
	<img loading="lazy" src="https://upload.wikimedia.org/wikipedia/commons/thumb/1/1b/Facebook_icon.svg/256px-Facebook_icon.svg.png" alt="" width="58" height="53">
[/mycred_link]

===========

Pinterest:

[mycred_link amount=1 href="https://socialreads.net/pin_redirect_f13" target="_blank"]
	<img loading="lazy" src="https://upload.wikimedia.org/wikipedia/commons/0/08/Pinterest-logo.png" alt="" width="58" height="53">
[/mycred_link]

    Thanks!

    Thread Starter srcasey

    (@srcasey)

    You guys are life savers! Thanks so much again!

    Hi @srcasey,

    We would appreciate a kind and honest review.

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Embedding MyCred link in image’ is closed to new replies.