Add crossmark button in HTML pages

rebas_saber · June 2, 2021, 12:32pm

Help me please.

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

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

Have a good day. @staff
Best regards.

israel.cefrin · June 2, 2021, 3:36pm

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

Best,
Israel

rebas_saber · June 2, 2021, 4:00pm

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

israel.cefrin · June 2, 2021, 4:02pm

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

rebas_saber · June 2, 2021, 4:16pm

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?.

israel.cefrin · June 2, 2021, 4:23pm

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:

github.com

pkp/healthSciences/blob/main/templates/frontend/objects/article_details.tpl#L445

    
      
          									{else}
          										{translate key="submission.license"}
          									{/if}
          								</a>
          							{/if}
          						{else}
          							{$licenseTerms}
          						{/if}
          					</div>
          				{/if}
          
          
				{call_hook name="Templates::Article::Main"}
          
          
			</div>
          		</div>
          
          
		<div class="col-lg-12 order-lg-3 article-footer-hook">
          			{call_hook name="Templates::Article::Footer::PageFooter"}
          		</div>
          
          
	</div>

Best,
Israel

rebas_saber · June 2, 2021, 8:18pm

Hi @israel.cefrin

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

israel.cefrin · June 2, 2021, 8:57pm

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

rebas_saber · June 3, 2021, 7:32am

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

rebas_saber · June 7, 2021, 8:57am

Hi @israel.cefrin @staff

Anyone to help me please.

rebas_saber · June 7, 2021, 12:24pm

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.

robertocamargo · June 9, 2021, 11:27am

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

rebas_saber · June 9, 2021, 1:58pm

Hi @robertocamargo @rcgillis @israel.cefrin

Not working for me.

My OJS version : 3.3.0.4

robertocamargo · June 9, 2021, 4:22pm

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

rebas_saber · June 9, 2021, 6:55pm

@robertocamargo

Can you give me this theme !?.

robertocamargo · June 9, 2021, 8:36pm

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

rebas_saber · June 10, 2021, 9:39am

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

abadan · June 10, 2021, 12:54pm

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

His demo page: Manuscript: An OJS Theme Demo

robertocamargo · June 10, 2021, 6:57pm

Hi @rebas_saber

@abadan is right, it is MANUSCRIPT theme.

Antony_Aguilar_Ozej1 · June 27, 2022, 3:54pm

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