Use Case/Examples for Custom header plugin for OJS

pcansf · March 16, 2018, 10:45pm

Can anyone share use cases so as how they are using the Custom header plugin for OJS

Thank you.

asmecher · March 16, 2018, 11:53pm

Hi @pcansf,

See Enriching OJS/OMP with JavaScript, No Coding Required for details.

Regards,
Alec Smecher
Public Knowledge Project Team

pcansf · March 17, 2018, 3:46pm

Thank you very much. This is exactly what I was looking for!

pcansf · April 11, 2018, 8:27pm

Can this be used to integrate Crossmark widget? Has anyone done that?

akku · April 25, 2018, 1:15pm

Hi @asmecher,

this week I upgraded our journals to v3.1.1 and I tried to integrate the custom header plugin with tweets but I didn’t succeed. I followed these instructions:

I integrated twitter feeds in the custom header plugin: <script async src=“https://platform.twitter.com/widgets.js” charset=”utf-8″></script>
then I created a new block including this code: <a class="twitter-timeline" href="https://twitter.com/pkp?ref_src=twsrc%5Etfw">Tweets by pkp</a><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

But in the newly generated sidebar block only appears a link to the twitter-acount.
So I checked the source coude of the custom block again and saw that OJS changed the code to <p><a class="twitter-timeline" href="https://twitter.com/pkp?ref_src=twsrc%5Etfw">Tweets by pkp</a></p>

How comes? Am I doing anything wrong? Or is the custom header plugin not yet compatible to version 3.1.1?

Thanks,
Anna

asmecher · April 26, 2018, 3:16pm

Hi @akku,

The <script> tag from the custom block is supposed to be stripped; the custom header plugin should take care of adding that separately. Do you see the script being added in the page header?

Regards,
Alec Smecher
Public Knowledge Project Team

akku · April 27, 2018, 7:55am

Hi @asmecher,

thanks for your support. I don’t see the script or any tweets added in the page header. If I only add plain text, I can see it in the page header.

thanks, Anna

asmecher · April 27, 2018, 2:29pm

Hi @akku,

Hmm, and just to check, you’re adding the script element in the settings for the Custom Header Plugin?

Regards,
Alec Smecher
Public Knowledge Project Team

akku · April 30, 2018, 8:01am

Hi @asmecher,

I hope I configured everything correctly… to be sure, here a screenshot of the settings of the custom header plugin:
customHeader

And this is what I see, if I add a new block:
header

thanks,
Anna

asmecher · May 1, 2018, 3:59pm

Hi @akku,

That looks fine to me; can you check your browser’s console to see if anything helpful appears there?

Regards,
Alec Smecher
Public Knowledge Project Team

akku · May 2, 2018, 12:19pm

Hi @asmecher,

yes, here appears an error:
twitter_error

But how can I solve it? What is the problem? Sorry, but I have no idea, how to integrate tweets (not yet).

Thanks a lot,
Anna

akku · May 3, 2018, 12:54pm

Hi @asmecher,

it works now without further configuration changes
After changing the position of the side blocks (settings → website → appearance) and “saving” again, it worked.
When I created a new “custom block” some days ago, the new block appeared immediately and I didn’t “save” again under settings → website → appearance. But obviously this was necessary.

I am very glad it works now ,
Anna

primozs · June 11, 2018, 6:59pm

Hi @asmecher,

I am having exactly the same problems as described above.

This is the customer header code:

And in the browser console I am getting the 404 error for this script (even without customer block code, just customer header):

https://obzornik.zbornica-zveza.si/index.php/ObzorZdravNeg/%E2%80%9Chttps://platform.twitter.com/widgets.js%E2%80%9D 404 (Not Found)

Reloading several times, cleaning cash, incognito window. Nothing helps.

Any idea?

Best regards, Primož

asmecher · June 12, 2018, 7:45pm

Hi @primozs,

It looks like the code you’ve pasted in contains smart quotes (“ ” vs " ", note the visual difference). The code needs to have regular quotes, not smart quotes; try re-typing it. I’ve updated the blog post, where it looks like Wordpress tried to be smart about formatting things but ended up garbling the quote characters.

Regards,
Alec Smecher
Public Knowledge Project Team

primozs · June 13, 2018, 5:13pm

Hi @asmecher,

Thank you very much. That was exactly the problem.

Best regards, Primož

Marsi_Bombongan_Rant · February 15, 2019, 10:57am

I don’t know how to enter the custom header plugin, please help me install it[quote=“pcansf, post:1, topic:39727, full:true”]
Can anyone share use cases so as how they are using the Custom header plugin for OJS

Thank you.
[/quote]

Marsi_Bombongan_Rant · February 15, 2019, 11:28am

how to get a custom custom header

Marsi_Bombongan_Rant · February 15, 2019, 11:29am

I mean how to get a custom header upgrade

Carlos_Alberto_Rivad · October 9, 2019, 6:52pm

@asmecher can u help I want to install your custom header plugin from github but there is no instructions how to do it can u help I cant install normally because ot the “tar problem” so there is another way to install it?

asmecher · October 9, 2019, 7:14pm

Hi @Carlos_Alberto_Rivad,

You’ll definitely need to resolve the tar issue. If you install the plugin some other way, you’ll likely be missing pieces of the plugin installation process. I’d suggest continuing to debug the tar problem on your other thread.

Regards,
Alec Smecher
Public Knowledge Project Team