Archived topic
Where to put Provenexpert Pro Seal Code?
22 replies · Started by Georg on February 25, 2023
Dear Generatepress community,
I have been using your theme for many years and have, among other things, installed the Provenexpert seal (reputation management) in my site. Now I want to integrate the new Pro Seal (seal floating at the edge of the screen). Unfortunately I can't see it. Can someone tell me how to embed it exactly?
Here is the script code I want to include:
<!-- ProvenExpert ProSeal Widget -->
<noscript>
<a href="https://www.provenexpert.com/de-de/klima-center-bautrocknerverleih-wasserschaden-sanierung?utm_source=seals&utm_campaign=proseal&utm_medium=profile&utm_content=435b8c38-251c-4d8b-b7fb-0252be3af95d" target="_blank" title="Kundenbewertungen & Erfahrungen zu Klima Center - Bautrocknerverleih, Wasserschaden - Sanierung. " class="pe-pro-seal-more-infos" >Mehr Infos</a>
</noscript>
<script src="https://s.provenexpert.net/seals/proseal.js" ></script>
<script id="proSeal">
window.addEventListener('load', function(event) {
window.provenExpert.proSeal({
widgetId: "435b8c38-251c-4d8b-b7fb-0252be3af95d",
language:"de-DE",
bannerColor: "#0DB1CD",
textColor: "#FFFFFF",
showReviews: true,
hideDate: true,
hideName: false,
hideOnMobile: false,
bottom: "130px",
stickyToSide: "right",
googleStars: true,
zIndex: "9999",
displayReviewer: false,
displayReviewerLastName: false,
})
});
</script>
<!-- ProvenExpert ProSeal Widget -->
According to Provenexpert, it must be integrated as follows: "Please paste the generated HTML code into the <body> area of your website.
It is recommended to use this in the footer or just before the closing </body> tag."
I tried to include the code as a hook. Unfortunately without success.
Who knows advice? Thank you in advance.
Best regards
george
Hi there,
It is recommended to use this in the footer or just before the closing </body> tag.
That would be the wp_footer hook:
https://docs.generatepress.com/article/wp_footer/
Is that what you've tried?
Let me know :)
Dear Leo,
thanks for your answer and sorry for my late reply. I tried the "wp_footer" hook, but nothings shows up.
Thats my config:
// ProvenExpert Code hinzufügen
add_action('provenexpert', 'add_provenexpert_code');
function add_provenexpert_code() { ?>
<!-- ProvenExpert ProSeal Widget -->
<noscript>
<a href="https://www.provenexpert.com/de-de/klima-center-bautrocknerverleih-wasserschaden-sanierung?utm_source=seals&utm_campaign=proseal&utm_medium=profile&utm_content=849963eb-8ef0-45e5-8a34-db540a3b055e" target="_blank" title="Kundenbewertungen & Erfahrungen zu Klima Center - Bautrocknerverleih, Wasserschaden - Sanierung. " class="pe-pro-seal-more-infos" >Mehr Infos</a>
</noscript>
<script src="https://s.provenexpert.net/seals/proseal.js" ></script>
<script id="proSeal">
window.addEventListener('load', function(event) {
window.provenExpert.proSeal({
widgetId: "849963eb-8ef0-45e5-8a34-db540a3b055e",
language:"de-DE",
bannerColor: "#0DB1CD",
textColor: "#FFFFFF",
showReviews: true,
hideDate: true,
hideName: false,
hideOnMobile: false,
bottom: "130px",
stickyToSide: "right",
googleStars: true,
zIndex: "9999",
displayReviewer: false,
displayReviewerLastName: false,
})
});
</script>
<!-- ProvenExpert ProSeal Widget -->
<?php }
Hook: wp_footer
execute shortcodes: no
execute PHP: no
Priority: 10
Visibility: whole site
Where is my problem, what am I doing wrong?
Regards Georg
Hi there,
in the Hook element you only need to add the HTML and the script:
<noscript>
<a href="https://www.provenexpert.com/de-de/klima-center-bautrocknerverleih-wasserschaden-sanierung?utm_source=seals&utm_campaign=proseal&utm_medium=profile&utm_content=849963eb-8ef0-45e5-8a34-db540a3b055e" target="_blank" title="Kundenbewertungen & Erfahrungen zu Klima Center - Bautrocknerverleih, Wasserschaden - Sanierung. " class="pe-pro-seal-more-infos" >Mehr Infos</a>
</noscript>
<script src="https://s.provenexpert.net/seals/proseal.js" ></script>
<script id="proSeal">
window.addEventListener('load', function(event) {
window.provenExpert.proSeal({
widgetId: "849963eb-8ef0-45e5-8a34-db540a3b055e",
language:"de-DE",
bannerColor: "#0DB1CD",
textColor: "#FFFFFF",
showReviews: true,
hideDate: true,
hideName: false,
hideOnMobile: false,
bottom: "130px",
stickyToSide: "right",
googleStars: true,
zIndex: "9999",
displayReviewer: false,
displayReviewerLastName: false,
})
});
</script>
Hi David,
thanks for info. But it is still not working... Any other ideas where I could have a look?
Can you share a link to the site? And leave that hook as is, i can then see whats going on
Can you delete that hook.
Make a new one and add ONLY the code i provided here:
https://generatepress.com/forums/topic/where-to-put-provenexpert-pro-seal-code/#post-2585438
OK i did. Sorry, still nothing to see...
You have some JS errors on the site.
Can you temporarily disable the hook with that code. By Quick Edit and change Status to Draft.
Then clear any caches. I can then see what the error is
OK, done.
Hmmm ... so without the code the errors are gone.
I made an edit to the code here:
https://generatepress.com/forums/topic/where-to-put-provenexpert-pro-seal-code/#post-2585438
ie. i removed the comments. Can you try adding that back in now ?
OK, I put your code without the comments there. All caches are cleaned. Still no seal...
OK, so it is 90% working, its just not being displayed on your site.
And that is due to a Javacscript error coming from this tarteaucitron.services.min.js whick looks to be the Cookie/GDPR Consent plugin.
If i test the Provenexpert code on my devsite it works.
So it seems it does not like the other code.
Can you disable the cooky/gdpr consent to test that ?
I deactivated the GDPR Consent plugin and cleaned all caches. The seal is not showing up...