Add crossmark button in HTML pages

Hi @staff

Help me please. :pray:

I want add crossmark button in html pages, my theme (Health Sciences Theme).

<!-- Start Crossmark Snippet v2.0 -->
<script src="https://crossmark-cdn.crossref.org/widget/v2.0/widget.js"></script>
 <a data-target="crossmark"><img src="https://crossmark-cdn.crossref.org/widget/v2.0/logos/CROSSMARK_BW_horizontal.svg" width="150" /></a>
<!-- End Crossmark Snippet -->

Also :pray:

<meta name="dc.identifier" content="doi:10.5555/12345678"/>

Have a good day. @staff
Best regards.

Hi @rebas_saber

It is possible to add JS in the HTML header using the Custom Header Plugin. Also, you can add the HTML chunk in the sidebar using the “Custom Block Manager”.

I’ve add it as a test on our Test Drive install:
https://demo.publicknowledgeproject.org/ojs3/testdrive/index.php/testdrive-journal/article/view/special-editorial-2019
image

Best,
Israel

Hi @israel.cefrin

Thanks for your reply.

But, i want to add button on main article.

Example : https://www.nature.com/articles/s41586-021-03334-4

Best regards.
SABER

Hi @rebas_saber

In that case you will need to edit the article template file: healthSciences/article_details.tpl at main · pkp/healthSciences · GitHub

Likewise, you will still need to add the JavaScript call for the third-party button.

Best,
Israel

Hi @israel.cefrin

OK, I know how to get to this file,

I am use this guid : Crossmark

I am now in Steps 3 & 4 :

Step 3: Add Crossref DOI to HTML pages and PDF
<meta name=”dc.identifier” content =”10.3333/1212212”>

Step 4: Apply crossmark button

<!-- Start Crossmark Snippet v2.0 -->
<script src="https://crossmark-cdn.crossref.org/widget/v2.0/widget.js"></script>
<a data-target="crossmark"><img src="https://crossmark-cdn.crossref.org/widget/v2.0/logos/CROSSMARK_BW_horizontal.svg" width="150" /></a>
<!-- End Crossmark Snippet -->

But where do I put the html code, and meta, and where do I put the javascript code.
where is the appropriate place?.

Hi @rebas_saber

Step 3. The meta tag is embedded using the “Dublin Core Indexing Plugin”. You need to install and enable it. It will add the meta tags automatically (check the Testdrive link and check the source code)

Step 4. Both tags, JS and HTML , can be add to the article_details.tpl file. I would add from this line to show up below the license:

Best,
Israel

Hi @israel.cefrin

  • How can I check Testdrive link ? (i do not understand)
  • Am I checking the same source code: article_details.tpl ?

Hi @rebas_saber

Testdrive install - Editorial: A New Path for Health Sciences | OJS3 Testdrive Journal

The article_details.tpl file is on the Health Sciences Github repo.

Best,
Israel

Hi @israel.cefrin

I have installed and enabled the “Dublin Core Indexing” plugin.

But the ‘meta tag’ code did not appear in the ‘article_details.tpl’ file.

Have a good day.
Best regards.

Capture

Hi @israel.cefrin @staff

Anyone to help me please.

Hi @rcgillis

Thank you for replying.

I understood what you just said here: Apply the Crossmark button to your HTML pages - #12 by rcgillis

We hope to solve my problem as soon as possible.

Have a good day
Best regards.

Hi @rcgillis @israel.cefrin

I developed a plugin to add the Crossmark button a few months ago.
See if it works for you.
It works on versions older than 3.2x.
No setup required.
See an example:
https://revistas.uece.br/index.php/redufor/article/view/3397

You can install via add new plugin

Roberto

1 Like

Hi @robertocamargo @rcgillis @israel.cefrin

Not working for me.

My OJS version : 3.3.0.4

Hi @rebas_saber

I think it doesn’t work because of the “Health Sciences Theme” theme you seted.
Sorry

See other working examples:
https://periodicos.sbu.unicamp.br/ojs/index.php/parc/article/view/8653782
https://revistas-teste.marilia.unesp.br/index.php/bjir/article/view/3545

@robertocamargo

Can you give me this theme !?.

HI @rebas_saber

This is the default theme Guerra e opiniĂŁo pĂșblica nos Estados Unidos: o caso da Guerra do Iraque em 2003 / War and public opinion in the United States: the Iraq War in 2003 | Brazilian Journal of International Relations

The other one I can’t say, I just made the plugin available for them

Hi @robertocamargo

What’s the theme for this site : Uma ferramenta BIM para simulação de eficiĂȘncia energĂ©tica nas fases iniciais de projeto | PARC Pesquisa em Arquitetura e Construção

It appears to be the Manuscript Theme available in the OJS plugin gallery.

His demo page: Manuscript: An OJS Theme Demo

1 Like

Hi @rebas_saber

@abadan is right, it is MANUSCRIPT theme.

Logre habilitar el botĂłn pero ahora como realizo lo siguiente enlazar con el DOI y poder mostrar la informaciĂłn porque solo esta de esta manera.
123123