Share on Twitter - Can this be changed?

stopbit's picture

Hi,

 

I have an issue with the Share on Twitter button that is displayed within the 'Course Presentation' activity.

Currently I'm embedding from a wordpress into another platform using iframe. The results page shows a 'share on twitter' button and when click this publicly displays the link  to the h5p activity. The problem for me is that I do not want to share the urls; or at leastr not the url that's being automatically chosen. I would prefer to be able to change this url, which is obviously pulled from PHP/Java coding for that particular resource. I would want ot share the results from the page where I have embedded the iframe, not the iframe source.

Is there a way to turn off this feature or to amend the link which will publically be displayed on twitter? (this shares my wordpress url, when I'm embedding h5p's in another system on another domain). I'd rather not have to re-code / hack the H5P libraries.

Thanks

falcon's picture

Hi,

Thank you for reaching out. I'm afraid you're only option now is to remove the twitter button using css.

This is a big problem that at least I haven't thought about before, and we will be sure to find a better way of fixing this for the future.

stopbit's picture

Hi,

I was about to go live with a large course I have made using H5P. I'm looking at hiding the twitter share link, but obviously I'd much rather have a better option as detailed in the previous post I made.I don't suppose there have been any updates or progress towards dealing with this "big problem" :-D

Many Thanks

stopbit's picture

Hi,

I have successfully removed the twitter icon & text from displaying using css along with the H5Pmods plugin following the instructions on hte link Falcon provided to the documention.

Simply put a css file in your theme or elsewhere in your wordpress and ensure you changed the line so its pointing to the css locaiton, here's the css code I used to make sure nothing displays - may be a little overkill.

<code>

/* H5P Custom CSS */
div.h5p-summary-twitter-message {display: none !important; visibility: hidden !important;}
.h5p-summary-twitter-message {display: none !important; visibility: hidden !important;}
div.show-twitter-icon {display: none !important; visibility: hidden !important; height: 0px; width: 0px;}
.show-twitter-icon {display: none !important; visibility: hidden !important; height: 0px; width: 0px;}
div.show-twitter-icon {clip: rect(0px, 0px, 0px, 0px); display: none !important; visibility: hidden !important; height: 0px; width: 0px;}
.show-twitter-icon {clip: rect(0px, 0px, 0px, 0px); display: none !important; visibility: hidden !important; height: 0px; width: 0px;}

.h5p-course-presentation .h5p-summary-twitter-message::before {
    font-family: 'H5PFontAwesome4';
    content: "" !important;
    padding-right: 0em;
    display: none;
    visibility: hidden;
    clip: rect(0px, 0px, 0px, 0px);
}

.h5p-course-presentation .h5p-summary-twitter-message::after {
    font-family: 'H5PFontAwesome4';
    content: "" !important;
    padding-right: 0em;
    display: none;
    visibility: hidden;
    clip: rect(0px, 0px, 0px, 0px);
}

.h5p-course-presentation .h5p-summary-twitter-message {
    font-family: 'H5PFontAwesome4';
    content: "" !important;
    padding-right: 0em;
    display: none;
    visibility: hidden;
    clip: rect(0px, 0px, 0px, 0px);
}

</code>

I tested using 4 browsers, Chrome, Firefox, Opera & IE all work.

Hope it helps others, but I'd really like to see the 'course presentation' library updated so we can pick and choose to modify the twitter share.

Thanks

falcon's picture

Thanks you for sharing!
stopbit's picture

Hi Falcon,

I also notice that there is configuration text in the 'settings and text' for course presentations that allows me to enter custom text for both 'twitter share' and 'facebook share'. However I don't see any facebook sharing to be functional anywhere. If I'm correct, why is there configuration text for it? Is this a feature your team was going to add? It appears to be different from the embedded facebook feature... or am I mistaken?

Thanks

Steve

falcon's picture

Yes, you're right. Originally we planned to add both, but Facebook would require some kind of site specific key if I remember correctly so it was postponed. That setting will be removed. Thank you for reporting!

Is it possible yet without CSS editing to remove the share to Twitter button?

fnoks's picture

Hi,

It is currently not possible to configure hiding the Twitter button. If someone wants to implement this, they are welcome to :)

stopbit's picture

Hi,

I will assign one of our coders from www.sheilds.org to implement settings for social shares. So, please keep an eye out for the request.

Removing the twitter share with CSS is not ideal; and it appears the facebook share was abandoned before completion.

I envisage the ability to customise the output message text and provide config settings for this option.

Thanks

 

Great thanks for that. I'd like to be able to editthe Tweet and the URL the Tweet mentions. If I use the H5P iframe content it will use the URL back to the source. not much good for me. Where as sending it to a sales page would be.

 

Thanks for letting me know.

Mark

stopbit's picture

Hi Mark,

This is the same very reason we are going to make the improvement feature. It doesn't work well for most use case scenarios, hopefully this change will make it better for business and advertising.

We are not in a rush to complete this, but I can't imaging it would take too long. It's how quick it gets accepted that usually takes time.

Thanks

Any news on the changes to the Twitter account and links we discussed some weeks ago?

 

Thanks,

Mark

thomasmars's picture

Looking forward to seeing this

stopbit's picture

Hi Thmoasmars,

It is ready and awaiting approval, if you want to check it out. Do you know when this pull request will be reviewed? We we're under the impression this feature would be pushed through quite quickly.

Thanks

Hi,

It would be good if we can keep all Facebook and Twitter mentions as optional. I am planning to use h5p in China, where both are banned.

Thanks,

Tez

stopbit's picture

Hi Tezukzai,

The capability to turn the social options on and off is a part of the pull request Adam King created on Git Hub.

As soon as this is accepted by the H5P team, the new libraries for course preeentation will include this feature... We are just waiting for approval.

Thanks

Any updates on this for a release date?

 

Thanks,

Mark

fnoks's picture

We have asked for some changes in the pull request. When those changes are applied, a new review will be done.

stopbit's picture

Hi,

These changes were made about a month ago. Doesn't look like anyone has been actively monitoring the github issue and pull request we did. However this should now resolve your concerns and be ready for production don't ya think?

Any chance we can get this merged into the course presentation libraries soon?

Thanks

fnoks's picture

Hi,

I will look at this today :) Note that even if it is merged in, it will take a while until it is available from the H5P Hub since there are a lot of content types in the test & release pipeline, and CP is dependent on many of them...

stopbit's picture

Hi fnoks,

That's great, I hope this gets into 'course presentation' as soon as possible. I really think a big push should be made to get this feature included, it will help of a lot of H5P users and promote H5P to the world!

I have tried to upload an example, creating the content type on H5P.org, but I get this error message when uplloading my .h5p file:

Could not validate H5P file.

Make sure the uploaded H5P contains valid H5P content. H5P files containing only libraries should be uploaded through the H5P Libraries page.

 

After scrapping this action I get another few messages:

  • Missing required library H5P.CoursePresentation 1.91
  • Missing required library H5P.CoursePresentation 1.91

Status message

  • Note that the libraries may exist in the file you uploaded, but you're not allowed to upload new libraries. Contact the site administrator about this.
  • Note that the libraries may exist in the file you uploaded, but you're not allowed to upload new libraries. Contact the site administrator about this.

 

Is there any way I can upload an example on H5P.org to demonstrate the social sharing modifications for 'Course Presentation', developer access perhaps? I'd like to get some feedback from users. I can of course provide an example linking to my own site, but I'd prefer it on H5P.org.

Thanks

Steve

fnoks's picture

Hi,

What you are trying to do is unfortunately not possible. Your only option at the moment is linking to your own site.

Best,
Pål
stopbit's picture

Hi,

Checkout the screen shot of the course presentation summary page, where three social share options are now available with new CP updates from contributers www.sheilds.org.

You can specify the url you want to share for each, the message etc. Facebook, Twitter & Google all with configurable options.

Checkout the options on the screenshot.

Any thoughts and feedback would be appreciated, if you want a copy of the course presentation modified h5p activity you can download this one attached to this post for testing.

 

fnoks's picture

Hi 

The pull request was reviewed yesterday - there are some minor things that need to be fixed before this one is good to go.

Note: I deleted the H5P you uploaded here, since we don't want people to install this version. If they do, potentially all their existing CPs will break at some point since the CP had a minor version not released yet.

Best,
Pål
 
stopbit's picture

Hi,

We just noticed the Pull request has been accepted and merged with the Master Git project.

This only happen a few hours ago, but I'm very pleased to see our social sharing addition is now built in to H5P CP activities.

Hopefully we will see the next update of CP release include this great social sharing feature, built by SHEilds eLearning developer Adam King - Thanks Adam!

fnoks's picture

Hi Adam,

I forgot to update this thread. You're correct, I have merged in your PR, so it will be part of the upcoming release. 

And again: Thanks for your contribution :)

Best,
Pål
stopbit's picture

If any one has customised their (h5pmods) css to hide the social share icons, as i did for course presentation - don't forget to remove that code.

Thanks for including social sharing in h5p.