ima-sdk-client-side

Name: ima-sdk-client-side
Author: google

github.com/googleDevelopment21.6k4.7k installsUpdated today

About ima-sdk-client-side

A client-side integration skill for developers adding in-stream video and audio ads to websites and apps. It outlines the ad request and playback lifecycle and points to platform-specific implementation guides.

Key features

01Load in-stream video and audio ads
02Request ads from VAST servers
03Handle ad playback events
04Clean up AdsManager resources

Use cases

01Integrate video ads in a website or app
02Handle ad load success and failure
03Coordinate ad and content playback

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/google/skills --skill ima-sdk-client-side

After installing, type/ima-sdk-client-sidein Claude Code to confirm it loaded.

Bundled files

References and scripts installed along with SKILL.md.

references/

ima-sdk-android-guide.md

ima-sdk-ios-guide.md

ima-sdk-tvos-guide.md

ima-sdk-web-guide.md

ima-sdk-web-iframe-mode.md

ima-sdk-web-mobile-safari.md

Details

From the project README

IMA SDK client-side

The Google IMA SDK (Interactive Media Ads) lets you load in-stream video and audio ads into websites, apps, TVs and other digital platforms. Use an IMA SDK to request ads from any VAST-compliant ad server and manage ad playback.

Prerequisites

Before integrating the IMA SDK, you must read the platform-specific guide below to support all platforms that your app can support:

Web/HTML5/ReactJs/NodeJs/Angular: Read all these guides ima-sdk-web-guide.md, ima-sdk-web-iframe-mode.md, ima-sdk-web-mobile-safari.md
Android/AndroidTV/ReactNative: Read ima-sdk-android-guide.md
iOS/tvOS/ReactNative: Read all these guides ima-sdk-ios-guide.md, ima-sdk-tvos-guide.md

Quick start (general workflow)

Import the SDK: Prerequisites, dependencies.
Initialization: Early setup, Warmup, Settings Configuration, and Ad UI Setup.
Ad Request: Creating and triggering the request, User gesture compliance.
Ad Load Success/Failure: Handling the load event to get the AdsManager, or handling early fatal errors.
Ad Playback Events: Listening to playback events via AdsManager to coordinate content play/pause, and handling non-fatal LOG events and fatal active playback errors.
Cleanup: Properly destroying the AdsManager to release resources and prevent memory leaks.

For detailed, platform-specific implementation details, always refer to the guides in the Prerequisites section.

Comments

Markdown supported

Details

Author: google
Repository: google/skills
Category: Development
Installs: 4,734
GitHub stars: 21,641

Report

More skills

All skills

remotion-render

github.com/inference-sh

1.6M

Render videos from React/Remotion component code via inference.sh. Pass TSX code, get MP4. Supports all Remotion APIs: useCurrentFrame, useVideoConfig, spring, interpolate, AbsoluteFill, Sequence. Configurable resolution, FPS, duration, codec. Use for: programmatic video generation, animated graphics, motion design, data-driven videos, React animations to video. Triggers: remotion, render video from code, tsx to video, react video, programmatic video, remotion render, code to video, animated video, motion graphics code, react animation video

improve-codebase-architecture

github.com/mattpocock

1.2M

Scan a codebase for architecture improvement opportunities, present them as a visual HTML report, then dive deep into whichever one you pick.

design-mobile-apps

github.com/designed-by-ai

1.1M

Design mobile app screens with Sleek, edit Sleek projects, and implement their designs in React Native or HTML

vercel-react-best-practices

github.com/vercel-labs

848.6k

React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements.