html to html5 I have a website the blogger.

68 views
Skip to first unread message

RickyKillaz

unread,
Feb 10, 2018, 9:27:32 AM2/10/18
to Interactive Media Ads SDK
Code will not input into the temple of the blogger it is the "The Google IMA SDK for HTML5 V3 allows developers to request and track VAST ads in a HTML5 video environment" Google Developers. 
<html>
  <head>
    <title>IMA HTML5 Simple Demo</title>
    <link rel="stylesheet" type="text/css" href="style.css">
  </head>

  <body>
    <div id="mainContainer">
      <div id="content">
        <video id="contentElement">
          <source src="http://rmcdn.2mdn.net/Demo/vast_inspector/android.mp4"></source>
          <source src="http://rmcdn.2mdn.net/Demo/vast_inspector/android.webm"></source>
        </video>
      </div>
      <div id="adContainer"></div>
    </div>
    <button id="playButton">Play</button>
    <script type="text/javascript" src="//imasdk.googleapis.com/js/sdkloader/ima3.js"></script>
    <script type="text/javascript" src="ads.js"></script>
  </body>
</html>
<html>
  <head>
    <title>IMA HTML5 Simple Demo</title>
    <link rel="stylesheet" type="text/css" href="style.css">
  </head>

  <body>
    <div id="mainContainer">
      <div id="content">
        <video id="contentElement">
          <source src="http://rmcdn.2mdn.net/Demo/vast_inspector/android.mp4"></source>
          <source src="http://rmcdn.2mdn.net/Demo/vast_inspector/android.webm"></source>
        </video>
      </div>
      <div id="adContainer"></div>
    </div>
    <button id="playButton">Play</button>
    <script type="text/javascript" src="//imasdk.googleapis.com/js/sdkloader/ima3.js"></script>
    <script type="text/javascript" src="ads.js"></script>
  </body>
</html>
<html>
  <head>
    <title>IMA HTML5 Simple Demo</title>
    <link rel="stylesheet" type="text/css" href="style.css">
  </head>

  <body>
    <div id="mainContainer">
      <div id="content">
        <video id="contentElement">
          <source src="http://rmcdn.2mdn.net/Demo/vast_inspector/android.mp4"></source>
          <source src="http://rmcdn.2mdn.net/Demo/vast_inspector/android.webm"></source>
        </video>
      </div>
      <div id="adContainer"></div>
    </div>
    <button id="playButton">Play</button>
    <script type="text/javascript" src="//imasdk.googleapis.com/js/sdkloader/ima3.js"></script>
    <script type="text/javascript" src="ads.js"></script>
  </body>
</html>
<html>
  <head>
    <title>IMA HTML5 Simple Demo</title>
    <link rel="stylesheet" type="text/css" href="style.css">
  </head>

  <body>
    <div id="mainContainer">
      <div id="content">
        <video id="contentElement">
          <source src="http://rmcdn.2mdn.net/Demo/vast_inspector/android.mp4"></source>
          <source src="http://rmcdn.2mdn.net/Demo/vast_inspector/android.webm"></source>
        </video>
      </div>
      <div id="adContainer"></div>
    </div>
    <button id="playButton">Play</button>
    <script type="text/javascript" src="//imasdk.googleapis.com/js/sdkloader/ima3.js"></script>
    <script type="text/javascript" src="ads.js"></script>
  </body>
</html>

RickyKillaz

unread,
Feb 10, 2018, 9:30:48 AM2/10/18
to Interactive Media Ads SDK

ima-sdk-adv...@google.com

unread,
Feb 11, 2018, 11:21:52 PM2/11/18
to ima...@googlegroups.com
Hi there,

I'm a bit confused as to what the issue is. Are you saying that the code snippet you provided is not being accepted in one of Blogger's template? If so, then I'm afraid that we can only assist you on IMA SDK specific concerns only on this forum. I would suggest that you contact Blogger's support forum for assistance on this.

That said, feel free to get back to us with additional insight if we misunderstood your concern.

Regards,
Joshua Lagonera
IMA SDK Team

--
You received this message because you are subscribed to the Google Groups "Interactive Media Ads SDK" group.
To unsubscribe from this group and stop receiving emails from it, send an email to ima-sdk+unsubscribe@googlegroups.com.
To post to this group, send email to ima...@googlegroups.com.
Visit this group at https://groups.google.com/group/ima-sdk.
For more options, visit https://groups.google.com/d/optout.

RickyKillaz

unread,
Feb 12, 2018, 4:00:58 AM2/12/18
to ima...@googlegroups.com
O.k thank you for the help on the first question, Now I would like to ask what is IMA SDK then?

You received this message because you are subscribed to a topic in the Google Groups "Interactive Media Ads SDK" group.
To unsubscribe from this topic, visit https://groups.google.com/d/topic/ima-sdk/wfQ2CIEVn7c/unsubscribe.
To unsubscribe from this group and all its topics, send an email to ima-sdk+unsubscribe@googlegroups.com.

ima-sdk-adv...@google.com

unread,
Feb 12, 2018, 5:36:07 AM2/12/18
to ima...@googlegroups.com
Hi there,

To simply describe it, the IMA SDK allows web pages, as well as native Android and iOS applications, to request, display and track video ads (provided they are VAST-compliant) alongside any video content. It supports Web Pages (provided you have a server to host your web page), native Android and iOS applications.

Regards,
Joshua Lagonera
IMA SDK Team

RickyKillaz

unread,
Feb 12, 2018, 5:38:15 AM2/12/18
to ima...@googlegroups.com
O.k thank you for that information, O.k now how do you activate it?

RickyKillaz

unread,
Feb 12, 2018, 5:44:50 AM2/12/18
to ima...@googlegroups.com
the IMA SDK

ima-sdk-adv...@google.com

unread,
Feb 12, 2018, 11:03:52 PM2/12/18
to ima...@googlegroups.com
Hi there,

There are some steps you need to complete first before you can effectively "activate" the IMA SDK.  
  1. Set up your HTML to layout your video element, as well as "Ad Container", which the IMA SDK will configure to properly display ads.
  2. Build and send the Ad Request to your VAST-compliant Ad Provider.
  3. Once the Ad Request returns a successful response, it will contain the actual ad that can be shown and displayed to your users.
You can take a look at a more detailed guide from our official documentation for implementing the HTML5 IMA SDK, as well our sample pages, for additional reference on how to properly implement the SDK. You may also use our sample tags in testing your implementation.

Regards,
Joshua Lagonera
IMA SDK Team

RickyKillaz

unread,
Feb 13, 2018, 6:25:42 AM2/13/18
to ima...@googlegroups.com
Thank you all the information you just gave me O.k I did implement the ima sdk html5. 

1.  I did the test video and it worked "ads.js" that made the video run.

2.  Then it said remove the first "ads.js" I used and I did.

3. Then it said add "code snippets" in the html that I used first "ads.js" to run the video, So I did but at the end of the implement.

4. Should there be a running video end of the process? Or no? becuase mines did not run a video at end, is that normal? 

ima-sdk-adv...@google.com

unread,
Feb 13, 2018, 11:08:50 PM2/13/18
to ima...@googlegroups.com
Hi there,

I'm assuming that you are following our HTML5 Getting Started Guide. If so, then it is expected that you did not see a video upon loading the page. You need to click the Play button you created first.

That said, to further add context to the guide, you will notice in your HTML that you created a Play button element:

<button id="playButton">Play</button>

Additionally, on the "Making your First Ad Request: Request Ads" portion of the guide, you also added a listener (shown below) to the Play button you created. This will make it so that when you press the Play button, it will start to request for ads.

var playButton = document.getElementById('playButton');
playButton.addEventListener('click', requestAds);

function requestAds() {
  adsLoader.requestAds(adsRequest);
}

On the "Making your First Ad Request: Getting the AdsManager and Display Ads" portion of the guide, it shows you how to handle the response of the Ad Request and display the ad accordingly. 

To check if you have followed the guide properly, you should see something similar to this page where there is a Video player and a Play button. Clicking the Play button will play the ad and the video content. You can also see the full code implementation of the HTML5 Getting Started Guide on our Simple sample page.

Hope this clears up confusion on your end. Feel free to get back to us if you have any more questions.

Regards,
Joshua Lagonera
IMA SDK Team

RickyKillaz

unread,
Feb 13, 2018, 11:49:20 PM2/13/18
to ima...@googlegroups.com
O.k thank you so much the ima sdk html5 works now. and can I ask one more question.

- Question

The "Example IMA3 ad tag" what is it and how do you insert it into the ima sdk hmlt5 player or am I incorrect in how I'm thinking about it?

ima-sdk-adv...@google.com

unread,
Feb 14, 2018, 2:48:44 AM2/14/18
to ima...@googlegroups.com
Hi there,

Glad you were able to make it work!

As for your question, an Ad Tag is what you are using to request for Ads in order to display them. You may use our sample Ad Tags to help test your implementation. As for how you "insert" it into the IMA SDK to request for ads, you need to specify the Ad Tag in your AdsRequest and make the request in your AdsLoader. Below is a short code snippet on how to request for Ads using your own Ad Tag:

var adsLoader = new google.ima.AdsLoader(adDisplayContainer); 
 
var adsRequest = new google.ima.AdsRequest();
adsRequest.adTagUrl = 'PUT_YOUR_AD_TAG_HERE'; 
 
adsLoader.requestAds(adsRequest);

You can refer to this article on how to create your own Ad Tag. Additionally, if you would like assistance with regards to creating your own Ad Tag, then I would recommend that you contact the DFP Product Forums since they are more equipped to assist you.

That said, if you have any more questions, feel free to create a new thread for us to have a consistent flow of discussion for each issue of each developer.

Regards,
Joshua Lagonera
IMA SDK Team

BTVNews khmer

unread,
Mar 1, 2018, 9:45:52 AM3/1/18
to Interactive Media Ads SDK

RickyKillaz

unread,
Mar 3, 2018, 4:23:37 PM3/3/18
to ima...@googlegroups.com
Hello samarr again I think I got the SDK working when you hit the play button once it shows one commercial would that be correct or does it have to show commercials all the time?



--

ima-sdk-adv...@google.com

unread,
Mar 5, 2018, 12:19:55 AM3/5/18
to ima...@googlegroups.com
Hi there,

That would depend on your implementation, as well as the Ad Tag you are using. However, seeing as in your previous posts we were talking about the Getting Started Guide, as well as the Simple sample page, then it should play the ads every time you click the Play Button. You can also check out the Simple sample page working here.

That said, if you have any more concerns with regards to the implementation of the HTML5 SDK, then kindly create a new thread for us to have a steady flow of communication among each developer's concern.

Regards,
Joshua Lagonera
IMA SDK Team

Reply all
Reply to author
Forward
0 new messages