Introduction
The Summurai platform offers multiple ways to have your audio content embedded within your web assets. This guide will introduce the different ways to embed audio and provide the technical code elements you may need to do so properly.
Embedding the Playter© audio player in your blog posts
On the Summurai Dojo, once a Summy has been published to “Embed on blog”, your Summy should appear under the Create & manage > Embedded Summies option in the main menu.
Once you see the relevant Summy, use the “Embed” option (Notice the puzzle icon).
Within the panel that opens, use the “Playter2” option.
Set the preferences as you wish, copy the code snippet and embed it in your blog post.
Notice that the connection between your blog and its related Summy is done through the reference link in the Summy settings. In order for the Playter© player to appear, you’ll need the Reference URL to include the URL of the relevant blog post.
This method allows you to use the code snippet in your blog post template, since if no Summy is connected to a blog post, the Playter© won’t load and show on the page.
Playlist element
On the Summurai Dojo, once a Summy has been publish
- Code for header:
This code should be embedded on the page scripts section under the <head> tag, to allow all Summurai functionalities:
<script type=”text/javascript” src=”https://app.summurai.com/embeddedplaylist/sdk.js“></script>
<script type=”text/javascript”>
jQuery(document).ready(function(){
SEP.init();
});
</script> - Code for the + button:
Thiscode should be used on the buttons that add the Summies (audio items) to the playlist:
Add the anchor tag around the ‘+’ element
<a class=’summurai_add_to_playlist’ data-embedid=’EMBED ID CODE’></a>
OR
You can add “summurai_add_to_playlist” class to the element and also add data-embedid=’EMBED ID CODE’ attribute.
You can get the Summy code for each item from the following section:
Main menu > Embedded Summies > Relevant Summy > “Embed” option > “Embed in blog” > Copy the “Summy id” code.
Here’s an example code you can use for one of Ophir’s Summies:
eica66c0e70ee23a73f9c70ddc05b0ec0adaa89c06 - Code for the playlist open button:
This code should be used to open the playlist popup.
Add this class to the open playlist button:
summurai_playlist_open_btn
Example:
<div class=”… summurai_playlist_open_btn …”
Code to show playlist item count:
You can add the following code to show the item count
<span class=’summurai_playlist_item_count’></span>
OR
If you already have a element for it then add the following class to it: “summurai_playlist_item_count”
Contact Us
For questions or concerns about our Refund Policy, please contact us at < support @ summurai.com >.
Tal Florentin
Let them listen
to your content.
Anytime. Anywhere.
Your users will get your posts in a branded web player they can easily access from anywhere. No app required.
Add Playter to your blog
and turn visitors into leads.
Let your visitors listen to your content
Recent posts
Turn your blog posts to podcast with AI and Summur
How to turn your blog posts into audio and load them to the leading podcast platforms
Outstanding Audio Lead Magnet in 29 minutes with C
The challenge of creating significant content
Sushi Philosophy: Think Sushi and Embrace the Summ
When it comes to lead generation and content marketing, finding the perfect balance between engaging your audience and delivering valuable information
The Open Tab Trap is killing your funnel
How Content Consumption Habits Impact Your Marketing Funnel?
In the digital age, content
How to send voice messages on WhatsApp without ann
Why do we hate receiving WhatsApp voice messages, how do you make WhatsApp voice messages super effective and how you can use them in your marketing c
History is killing the future of audio experiences
I finally figured out what they consider audio a thing of the past.
