[Bug 566543] Social Share on Blog Posts

Bugzilla Link	566543
Status	REOPENED
Importance	P3 normal
Reported	Sep 01, 2020 06:17 EDT
Modified	Jun 11, 2021 08:55 EDT
See also	Gerrit change 181112, Git commit 271bd2c2, Gerrit change 181272, Git commit 6a017d4f

Description

This is a feature request to add social share buttons (Twitter, LinkedIn, ...) to blogs.eclipse.org posts. This will make it much more convenient to share posts.

Sample post currently with no share options:
https://blogs.eclipse.org/post/brian-king/7-talks-about-tools-you-won%E2%80%99t-want-miss-eclipsecon-2020

added Bugzilla legacy ~21670 labels

We removed that feature since we found that the widget was tracking users.

We would need to find a solution where this is not an issue.

@Eric,

Can you take a look at this next week?

Can we leverage the work that we did on the Eclipse Newsletter here?
https://www.eclipse.org/community/eclipse_newsletter/2021/march/3.php

I also want us to start tracking these clicks by creating a Campaign URL that our user will share:

https://ga-dev-tools.appspot.com/campaign-url-builder/

For example, If a user tries to share that newsletter article, the URL should be something like:

https://www.eclipse.org/community/eclipse_newsletter/2021/march/3.php?utm_source=blogs.eclipse.org&utm_medium=social-media-icons&utm_campaign=Jakarta%20EE%20and%20MicroProfile%20Alignment%3A%20Your%20Input%20Is%20Needed

This should allow us to track how much traffic these icons are generating!

(In reply to Christopher Guindon from comment #2)

@Eric,

Can you take a look at this next week?

Can we leverage the work that we did on the Eclipse Newsletter here?
https://www.eclipse.org/community/eclipse_newsletter/2021/march/3.php

I also want us to start tracking these clicks by creating a Campaign URL
that our user will share:

https://ga-dev-tools.appspot.com/campaign-url-builder/

For example, If a user tries to share that newsletter article, the URL
should be something like:

https://www.eclipse.org/community/eclipse_newsletter/2021/march/3.
php?utm_source=blogs.eclipse.org&utm_medium=social-media-
icons&utm_campaign=Jakarta%20EE%20and%20MicroProfile%20Alignment%3A%20Your%20
Input%20Is%20Needed

This should allow us to track how much traffic these icons are generating!

Ok.

I'm able to add the buttons easily to the blog pages, I'll just need to update the code to update the url.

New Gerrit change created: https://git.eclipse.org/r/c/www.eclipse.org/eclipse.org-common/+/181112

Gerrit change https://git.eclipse.org/r/c/www.eclipse.org/eclipse.org-common/+/181112 was merged to [master].
Commit: http://git.eclipse.org/c/www.eclipse.org/eclipse.org-common.git/commit/?id=271bd2c263a0e95cd280da8d9ca2f3451dc8b383

Hi Brian,

I added the social icons to the blogs website.

Here is an example:
https://blogs.eclipse.org/post/gael-blondelle/you-can-help-us-make-gaia-x-more-open

Let me know if there's anything else.

Thanks

Reopening as I see a few issues. Seeing these on Firefox on macOS:

1. Can we add LinkedIn? I'd argue that would be the most important one?

2. Not all of the Twitter url is encoded correctly, the title part on the utm_campaign parameter. Therefore the link breaks. I'll post a screenshot.

3. The mail link doesn't contain any body, so the url is not passsed into the email.

4. The service icons are not centered in the box they are in. There is more spacing at the top than bottom.

Created attachment 286490 Broken link on Twitter

Screenshot 2021-05-31 at 20.46.16.png

(In reply to Brian King from comment #7)

Reopening as I see a few issues. Seeing these on Firefox on macOS:
\

1. Can we add LinkedIn? I'd argue that would be the most important one?
   \
2. Not all of the Twitter url is encoded correctly, the title part on the
   utm_campaign parameter. Therefore the link breaks. I'll post a screenshot.
   \
3. The mail link doesn't contain any body, so the url is not passsed into
   the email.
   \
4. The service icons are not centered in the box they are in. There is more
   spacing at the top than bottom.

Thanks Brian for reporting this. I'll have a look as soon as I can.

New Gerrit change created: https://git.eclipse.org/r/c/www.eclipse.org/eclipse.org-common/+/181272

(In reply to Brian King from comment #7)

Reopening as I see a few issues. Seeing these on Firefox on macOS:
\

1. Can we add LinkedIn? I'd argue that would be the most important one?
   \
2. Not all of the Twitter url is encoded correctly, the title part on the
   utm_campaign parameter. Therefore the link breaks. I'll post a screenshot.
   \
3. The mail link doesn't contain any body, so the url is not passsed into
   the email.
   \
4. The service icons are not centered in the box they are in. There is more
   spacing at the top than bottom.

I created the following patch to fix the url encoding and to add a body to the email.

https://git.eclipse.org/r/c/www.eclipse.org/eclipse.org-common/+/181272

We'll keep this bug opened to see if we can add LinkedIn to the list and also realign the styles.

Gerrit change https://git.eclipse.org/r/c/www.eclipse.org/eclipse.org-common/+/181272 was merged to [master].
Commit: http://git.eclipse.org/c/www.eclipse.org/eclipse.org-common.git/commit/?id=6a017d4fc000d86157186696059c68ef236ba823

My patch to fix the encoding is now live on production.

Let me know if there's anything else.

Thanks!

(In reply to Eric Poirier from comment #13)

My patch to fix the encoding is now live on production.

Let me know if there's anything else.

Thanks!

Looks like the link is broken when there are spaces in the url:
https://blogs.eclipse.org/post/tanja-obradovic/jakarta-ee-community-update-may-2021

uRLs can't contain spaces, they need to be encoded.

Created attachment 286545 screenshot

(In reply to Christopher Guindon from comment #14 (closed))

(In reply to Eric Poirier from comment #13 (closed))

My patch to fix the encoding is now live on production.

Let me know if there's anything else.

Thanks!

Looks like the link is broken when there are spaces in the url: https://blogs.eclipse.org/post/tanja-obradovic/jakarta-ee-community-update- may-2021

uRLs can't contain spaces, they need to be encoded.

Yes this is what my patch is fixing.

I just emptied the cache maybe you weren't seeing the changes?

Seems to be working for me.

Let me know if I'm missing something.

Thanks.

Screen Shot 2021-06-08 at 3.04.51 PM.png

It works now first time for me. However, everytime you click any of the buttons after that, the parameters are added on again to the url meaning that the url grows exponentially and there are duplicate variables.

(In reply to Brian King from comment #16)

It works now first time for me. However, everytime you click any of the
buttons after that, the parameters are added on again to the url meaning
that the url grows exponentially and there are duplicate variables.

Hi Brian,

Can you provide a screenshot? I'm trying to click multiple times on the same button and I can't reproduce what you're saying.

Thanks.

I can't reproduce the duplication issue again.

Question: Why is the title being used for the utm_campaign parameter?

(In reply to Brian King from comment #18)

I can't reproduce the duplication issue again.

Question: Why is the title being used for the utm_campaign parameter?

So that it's easier to retrace when looking at the analytics. If ever we want to create a report we'll be able to tell on which blog post attracted the most clicks.