Marketing mit Smart TV Apps

ObjectCode GmbH

Couch Commerce:
Marketing per Smart-TV

ObjectCode

Jörg Viola
Gründer und Geschäftsführer
Java, Scala, JavaScript
Web, App, Smart TV
@joergviola

Smart TV

Markt Usability Technik
• Was ist Smart TV? • Darstellung • Anbieter
• Wer nutzt es? • Navigation • Technologie-Stack
• Wofür? • Eingabe • APIs
• Von wem kann • Entwicklungs-
man lernen? prozess

Was ist Smart TV?
Für heute:

Smart TV Endgeräte erlauben den
Konsum von Internet-Angeboten
parallel zum TV-Programm.

• mit dem Internet verbunden (WLAN)
• Erweiterbar durch Apps

Facts

Anteil verkaufter Smart TVs: 50%
Davon tatsächlich verbunden: 59%
Mehr als einmal im Monat im Internet: >30%
Quellen: ZVEI und Bitkom

Apps
Anzahl der Smart TV Apps bei Samsung:

*

* Zum Vergleich: 800.000 im iOS AppStore

Wer nutzt‘s?
4. Qrtl.
weiblich
1.300 €
Smart TV
männlic
2.000 € h
3.200 €
5.500 €
> 5.500 €
Allg.

Akademiker: 38%
Eltern: 39%

©iStockphoto.com:
NeustockImages Quelle: Rovi Connected TV Advertising Field Study, Germany Phase 1, 2012

Wofür wird‘s genutzt?

Programmsuche

Archiv eines Fernsehsenders

Youtube

Musik hören

Surfen

Online Videothek

Online Kanäle

Soziale Netzwerke

Anderes

0% 5% 10% 15% 20% 25% 30% 35% 40%

Welche Inhalte?
1. Video
2. Entertainment
3. Information

©iStockphoto.com: MarsBars

Beispiel-Videos

BMW: http://bit.ly/11doVTI
Immowelt: http://bit.ly/1455g9g

2nd Screen

Smartphone/T
ablet

TV-Gerät

2nd Screen

• TV-Übertragungen live kommentieren
• Reaktion auf Werbung belohnen
• Gamification für TV-Werbung
• Verlinkung von TV- und Web-Kampagne
• Realtime Shopping
• Social TV

Usability

©iStockphoto.com: PhotonStock

Usability

• Kontraste
• Schriftgröße
• Navigation
• Texteingabe

Technik

©iStockphoto.com: metalhorse

Hersteller

2

LG – Toshiba - Panasonic
Sonstige Samsung

Sony
LG

Philips Panasonic Philips - Sharp

Sharp Toshiba

Technologie-Stacks

• Nativ (oft Java, Android)

• HbbTV

• HTML/CSS/JavaScript

©iStockphoto.com: alexsl

HbbTV

Sender

Server

TV-Signal inkl. AI

TV-Gerät Internet

HTML/CSS/JS

Server

TV-Gerät TV-Gerät

App AppStore Bookmark

APIs
Feature Samsung NetTV Alliance
Content HTML5 CE-HTML oder HTML5
HTML5
Visuell CSS3 CSS2.1 + 3 (tw) CSS3 (tw)
Dynamik SquirrelFish ECMA-262 ed. 5 ECMA-262 ed. 5
Device APIs: Channel, Recorder Proprietär OIPF*-DAE ?
File API HTML5 HTML5 storage HTML5 storage
Payment Proprietär - -
Advertisement Proprietär - -
Share and Mobile Proprietär OIPF*-DAE -
Streaming Viele Codecs Viele Codecs Viele Codecs
DRM - OIPF*-DAE Widevine, PR

*: OIPF=Open IP TV Forum

CE-HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN“ "ce-html-1.0-transitional.dtd">

• Kein Flash
• Keine kleinen Schriften oder Bilder
• Mit Fernbedienung navigierbar
• Highlight auf Navigationselementen
• Nur Standard-Codecs

Beispiel

Samsung App: Aktuelles Programm darstellen

Index.html

<html>
<head>
<script src="$MANAGER_WIDGET/Common/af/2.0.0/loader.js“/>
<script src="$MANAGER_WIDGET/Common/API/Widget.js“/>
<script src="$MANAGER_WIDGET/Common/API/TVKeyValue.js“/>
<script src="$MANAGER_WIDGET/Common/API/Plugin.js“/>
<script src="app/javascript/jquery-tv.js“/>
<script src="app/javascript/Main.js“/>
</head>
<body onload="Main.onLoad();“>
<div id="info"></div>
</body>
</html>

Main.js

Main.onLoad = function()
{
tv.onLoad();
info = document.getElementById("info");
var s = "Infos:<br>";
s += "Program title: "+tv.program().title + "<br>";
s += "Program channel: "+tv.program().channel + "<br>";
info.innerHTML = s;
};

jquery-tv.js

tv.program = function() {
var channel = deviceapis.tv.channel;
return {
title : channel.getCurrentProgram().title,
channel :
channel.getCurrentChannel().channelName
};
}

config.xml
<widget>
<widgetname itemtype="string">pong</widgetname>
<description itemtype="string"></description>
<ThumbIcon itemtype="string“>icon.png</ThumbIcon>
<category itemtype="string">Games</category>
<fullwidget itemtype="boolean">y</fullwidget>
<ticker itemtype="boolean">n</ticker>
<width itemtype="string">960</width>
<height itemtype="string">540</height>
<autoUpdate itemtype="boolean">n</autoUpdate>
<ver itemtype="string">0.100</ver>
<childlock itemtype="boolean">n</childlock>
<login itemtype="boolean">y</login>
<cpname itemtype="string">Twitter</cpname>
<cpauthjs itemtype="string">Auth</cpauthjs>
</widget>

Take away

Chancen Risiken
• Viele Geräte • Passende Inhalte
• Zielgruppe • Usability
• Wenig Apps • Viele Plattformen
• Einfache Technik • Akzeptanz

Marketing mit Smart TV Apps

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Ähnlich wie Marketing mit Smart TV Apps

Ähnlich wie Marketing mit Smart TV Apps (20)

Marketing mit Smart TV Apps