AMP Support for manual integration

Hi Matthias,

are the buttons missing completely in the amp version or do you see them, but they are ugly?

Cheers,
JP

They are missing completely.

To make this a bit more clear: in the shariff settings I deactivated all checkboxes in the basic settings. Instead, I added <?php echo do_shortcode('[shariff]'); ?> to my themes single template.

I think that’s the reason why the buttons are missing in the AMP page. How should the AMP template know, that there are shariff buttons?

Hi Matthias,

yes, exactly. If you use a custom AMP template, you will need to add the

<?php echo do_shortcode('[shariff]'); ?>

in there as well, because on the AMP page the “normal” template won’t be called.

Don’t worry, if the buttons might look ugly, if you do, there is already a fix on its way for that.

Cheers
JP

Hi JP,

I already tried this but the buttons are still missing. Does it work on your site?

Matthias

Hi Matthias,

it’s working fine on my sites. Can you provide a link to your page?

Cheers
JP

Hi,

sure!
Blog post: https://trendblog.euronics.de/tv-streaming/sky-q-das-komplette-sky-programm-als-stream-ohne-sat-oder-kabel-60846/
AMP Version: https://trendblog.euronics.de/tv-streaming/sky-q-das-komplette-sky-programm-als-stream-ohne-sat-oder-kabel-60846/amp/

Shariff should be inserted above the two blue buttons.

And this is the AMP template with the shortcode in line 31:
https://gist.github.com/matthiaspabst/c1657a60f935df341e70a9bbc9395cdf

Best,
Matthias

Hi Matthias,

ok, got it. The buttons are actually there. They are just hidden, because the shariff CSS file isn’t being included automatically due to the manual implementation of the shortcode.

Just wait for the update on the weekend and all should be good to go.

Cheers
JP

Hello,

i have a similar problem. The Icons are looking ugly on the AMP Version of the side!

Link: https://www.hr-automation.eu/de/industrie-sicherheitsstandard/amp/

Any recommendations?

I am using the new supported AMP Plugin from Ahmed Kaludi & Mohammed Kaludi because i had similar problem with the Automatic AMP Plugin!

Best regards

@hr-automation That is a different story in your case that has to do with your other problem. Will get back to you on that one.

Cheers
JP

@starguide ok thanks, waiting for your reply there… ??

Best regards

• This reply was modified 6 years, 7 months ago by hr-automation.

@starguide: After I inserted the shortcode yesterday, I now get a lot of errors in the google search console. span-tag and inline-styles are not valid in AMP.

See some screenshots here: https://cloudup.com/cvu5ykB6K-w or test an AMP page here: https://search.google.com/test/amp

After removing the shortcode, the pages are valid again.

Cheers,
Matthias

• This reply was modified 6 years, 7 months ago by Matthias Pabst.

Hi Matthias,

sorry that it took a bit longer as expected. Please give the newest version 4.4.3 a try. Hopefully I now have thought of all variations on ways to manually add Shariff to AMP pages. ??

Please let me know, if it works correctly now (and without any AMP errors).

Cheers
JP

Hi Jan-Peter,

sorry that I can’t give you any feedback at the moment. We have to fix some other AMP errors first. When everythings working fine, I will integrate the shariff buttons in the template again. I’ll keep you updated.

Cheers,
Matthias

Hi Matthias,

no problem. All the feedback was positive so far and no problems have been reported anymore, so you should be save to try it anytime. If you need any further assistance feel free to get in touch again.

Cheers
JP