Pushdown Billboard - Revision history

Tlohmann at 07:15, 30 March 2022

2022-03-30T07:15:08Z

← Older revision		Revision as of 09:15, 30 March 2022
Line 63:		Line 63:
	3. Replace the '''[action-elmID]''' with the element ID of your '''click buttons'''.		3. Replace the '''[action-elmID]''' with the element ID of your '''click buttons'''.
	}}		}}
			<includeonly>\|wirdReferenziert=true</includeonly>
	}}		}}

Tlohmann at 06:40, 2 June 2020

2020-06-02T06:40:21Z

← Older revision		Revision as of 08:40, 2 June 2020
Line 1:		Line 1:
	{{TechSpecsOnline		{{TechSpecsOnline
	\|galerie=[[File:Online Sonder Pushdown Billboard.png\|200px]]		\|galerie=[[File:Online Sonder Pushdown Billboard.png\|200px]]
	\|beschreibung=~~Ein unter der Navigationsleiste liegendes Billboard welches den Content bei Mouseover nach unten verschiebt~~.		\|beschreibung=A billboard below the navigation bar that pushes the content downwards upon mouseover.
	\|technischeDaten={{Anlieferungselement\|bezeichnung=Pushdown Billboard\|abmessung={{Abmessung\|w=800 (970)\|h=250 auf 500}} (push) \|format={{Format Online Standard}}\|gewicht={{Gewicht Online Standard}}}}		\|technischeDaten={{Anlieferungselement\|bezeichnung=Pushdown Billboard\|abmessung={{Abmessung\|w=800 (970)\|h=250 auf 500}} (push) \|format={{Format Online Standard}}\|gewicht={{Gewicht Online Standard}}}}
	\|3rdParty={{3rdParty\|typ=\|plattform=online\|erlaubt=nein\|}}		\|3rdParty={{3rdParty\|typ=\|plattform=online\|erlaubt=nein\|}}
	\|besondereInformation={{Baustein\|titel=~~Interaktion~~\|text='''~~Einmalige~~''' ~~Interaktion für Pushdown und Kollabieren~~ via MouseOver/MouseOut. ~~Nach erstmaligen Kollabieren der Anzeigenfläche auf das initiale Format~~, ~~erscheint ein Button~~ '''"nochmal abspielen"'''. ~~Weitere Pushdowns sind nur noch per~~ '''~~Klick~~''' ~~auf den Button möglich~~. ~~Ist ein Pushdown~~ via ~~Klick erfolgt, wird ein Button zum Schließen der Anzeigenfläche auf das initiale Format eingeblendet~~.		\|besondereInformation={{Baustein\|titel=Interaction\|text='''One-time''' Interaction for pushdown and collapsing via MouseOver/MouseOut. After the firstcollapsing of the ad area to the initial dimension, a button '''"nochmal abspielen"''' appears. Further pushdowns are possible only via '''click''' on the button. After a pushdown via click the close button is displayed to collapase the ad area to the initial dimension.
	}}		}}
	{{Baustein\|titel=Push~~-Steuerung~~\|text=		{{Baustein\|titel=Push control\|text=
	~~Bei Anlieferung des Werbemittels als~~ HTML5~~-Zip-File müssen die Funktionen und Elemente für '''Klick-Interaktion''' nach obigen Interaktions-Regeln durch die Creative-Agentur umgesetzt werden~~ (~~Das initiale Mouse-Over~~/~~Out wird durch~~ iq digital ~~umgesetzt~~). ~~Da das~~ HTML5-~~Project innerhalb eines Cross-Domain-iFrames~~ in ~~den Werbeplatz implementiert wird~~, ~~sind abgestimmte '''Commands''' für das Messaging mit dem Anzeigen-Template von~~ iq digital ~~erforderlich~~.		If the ad is supplied as an HTML5 zip file, the functions and elements for click interaction must be implemented by the creative agency in line with the above interaction rules (the initial MouseOver/MouseOut is handled by the iq digital). As the HTML5 project is implemented within a cross-domain iFrame in the advertising space, coordinated commands are necessary for messaging with the ad template of iq digital.
	<br/><br/>		<br/><br/>
	~~Folgende Code~~-~~Snippets zum Cross-Domain-Messaging bzw.Übersenden der Commands an das Anzeigen-Template der~~ iq digital ~~sollen Sie dabei unterstützen~~. ~~Insofern der Creative-Code Ihrer Agentur eine eigene Implementierung vorsieht~~, ~~so ist zu beachten, dass die Übermittlung der '''vorgegebenen''' Command-Attribute essentiell sind~~.		You should support the following code snippets for cross-domain messaging or sending of the commands to the ad template of iq digital. If the creative code of your agency provides for a separate implementation, please note that transmission of the predefined command attributes is essential.
	<br/><br/>		<br/><br/>
	'''This code has to be included in your ad on top level window "once":'''		'''This code has to be included in your ad on top level window "once":'''

Tlohmann at 13:54, 19 May 2020

2020-05-19T13:54:18Z

← Older revision		Revision as of 15:54, 19 May 2020
Line 11:		Line 11:
	Folgende Code-Snippets zum Cross-Domain-Messaging bzw.Übersenden der Commands an das Anzeigen-Template der iq digital sollen Sie dabei unterstützen. Insofern der Creative-Code Ihrer Agentur eine eigene Implementierung vorsieht, so ist zu beachten, dass die Übermittlung der '''vorgegebenen''' Command-Attribute essentiell sind.		Folgende Code-Snippets zum Cross-Domain-Messaging bzw.Übersenden der Commands an das Anzeigen-Template der iq digital sollen Sie dabei unterstützen. Insofern der Creative-Code Ihrer Agentur eine eigene Implementierung vorsieht, so ist zu beachten, dass die Übermittlung der '''vorgegebenen''' Command-Attribute essentiell sind.
	<br/><br/>		<br/><br/>
	'''~~Dieser Code muss~~ in ~~Ihr Werbemittel im Top-Level-Window~~ "~~einmalig~~" ~~eingefügt werden~~:'''		'''This code has to be included in your ad on top level window "once":'''
	<syntaxhighlight lang="html" line="line">		<syntaxhighlight lang="html" line="line">
	<script type="text/javascript">		<script type="text/javascript">

Tlohmann at 13:53, 19 May 2020

2020-05-19T13:53:53Z

← Older revision		Revision as of 15:53, 19 May 2020
Line 39:		Line 39:
	</script>		</script>
	</syntaxhighlight>		</syntaxhighlight>
	'''~~Implementieren Sie auf gleicher Ebene den~~ "Messenger", ~~der bei Aktivierung des Klick-Buttons eine Aktion meldet~~:'''<syntaxhighlight lang="html" line="line" highlight="3,6,12">		'''Implement on the same level this "Messenger", which sends an action when activated by your click button:'''
			<syntaxhighlight lang="html" line="line" highlight="3,6,12">
	<script type="text/javascript">		<script type="text/javascript">
	try {		try {
Line 55:		Line 56:
	</script>		</script>
	</syntaxhighlight>		</syntaxhighlight>
	~~Für diese Werbeform sind mehrere~~ "~~Commands~~" ~~erforderlich~~. ~~Die markierte Funktion~~ '''postCommand''' ~~ist dementsprechend~~ in ~~Ihrem Code zu duplizieren~~.<br/><br/>		This ad format requires several "commands". the highlighted function '''postCommand''' has to be duplicated in your code.<br/><br/>
	1. ~~Ersetzen Sie~~ <br/><br/>		1. Replace the <br/><br/>
	'''[iq-command]''' ~~durch~~ '''iqdExpandPB''' (~~Pushdown der Anzeigen-Fläche~~) <br/>		'''[iq-command]''' with '''iqdExpandPB''' (pushdown of the ad area) <br/>
	'''[iq-command]''' ~~durch~~ '''iqdCollapsePB''' (~~Kollabieren der Anzeigen-Fläche~~) <br/><br/>		'''[iq-command]''' with '''iqdCollapsePB''' (collapse of the ad area) <br/><br/>
	2. ~~Binden Sie diese an die~~ '''~~Klick-Sensitiven~~''' ~~Flächen zum Pushdown und Kollabieren~~ via '''~~Button~~'''.<br/>		2. Bind these to your '''click sensitive''' areas for pushdown and collapse via '''button'''.<br/>
	3. ~~Ersetzen Sie~~ '''[action-elmID]''' ~~durch die Element-~~ID ~~Ihres~~ '''~~Klick-~~buttons'''.		3. Replace the '''[action-elmID]''' with the element ID of your '''click buttons'''.
	}}		}}

	}}		}}

Tlohmann: Created page with "{{TechSpecsOnline |galerie=200px |beschreibung=Ein unter der Navigationsleiste liegendes Billboard welches den Content bei Mouseo..."

2020-05-19T13:47:54Z

Created page with "{{TechSpecsOnline |galerie=200px |beschreibung=Ein unter der Navigationsleiste liegendes Billboard welches den Content bei Mouseo..."

New page

{{TechSpecsOnline
|galerie=[[File:Online Sonder Pushdown Billboard.png|200px]]
|beschreibung=Ein unter der Navigationsleiste liegendes Billboard welches den Content bei Mouseover nach unten verschiebt.
|technischeDaten={{Anlieferungselement|bezeichnung=Pushdown Billboard|abmessung={{Abmessung|w=800 (970)|h=250 auf 500}} (push) |format={{Format Online Standard}}|gewicht={{Gewicht Online Standard}}}}
|3rdParty={{3rdParty|typ=|plattform=online|erlaubt=nein|}}
|besondereInformation={{Baustein|titel=Interaktion|text='''Einmalige''' Interaktion für Pushdown und Kollabieren via MouseOver/MouseOut. Nach erstmaligen Kollabieren der Anzeigenfläche auf das initiale Format, erscheint ein Button '''"nochmal abspielen"'''. Weitere Pushdowns sind nur noch per '''Klick''' auf den Button möglich. Ist ein Pushdown via Klick erfolgt, wird ein Button zum Schließen der Anzeigenfläche auf das initiale Format eingeblendet.
}}
{{Baustein|titel=Push-Steuerung|text=
Bei Anlieferung des Werbemittels als HTML5-Zip-File müssen die Funktionen und Elemente für '''Klick-Interaktion''' nach obigen Interaktions-Regeln durch die Creative-Agentur umgesetzt werden (Das initiale Mouse-Over/Out wird durch iq digital umgesetzt). Da das HTML5-Project innerhalb eines Cross-Domain-iFrames in den Werbeplatz implementiert wird, sind abgestimmte '''Commands''' für das Messaging mit dem Anzeigen-Template von iq digital erforderlich.
<br/><br/>
Folgende Code-Snippets zum Cross-Domain-Messaging bzw.Übersenden der Commands an das Anzeigen-Template der iq digital sollen Sie dabei unterstützen. Insofern der Creative-Code Ihrer Agentur eine eigene Implementierung vorsieht, so ist zu beachten, dass die Übermittlung der '''vorgegebenen''' Command-Attribute essentiell sind.
<br/><br/>
'''Dieser Code muss in Ihr Werbemittel im Top-Level-Window "einmalig" eingefügt werden:'''
<syntaxhighlight lang="html" line="line">
<script type="text/javascript">
try {
var iqdNS={};
iqdNS.addEvent=function(d,c,b){
if(typeof d.addEventListener!=="undefined"){
d.addEventListener(c,b,false);
} else if(typeof d.attachEvent!=="undefined"){
d.attachEvent("on"+c,b);
} else if(typeof d["on"+c]!=="undefined"){
var a=d["on"+c];d["on"+c]=function(f){a(f);b(f);
}
};
iqdNS.postOrigin=(function(){
var a=window.location.href.toLowerCase();
return a.split("iqdurl=")[1].split('&')[0]
})();
iqdNS.creativeID=(function(){
var a=window.location.href.toLowerCase();
return a.split("iqdcid=")[1].split('&')[0]
})();
iqdNS.getElm=function(o){
return(typeof o==="string")?document.getElementById(o):o;
};
}catch(e){}
</script>
</syntaxhighlight>
'''Implementieren Sie auf gleicher Ebene den "Messenger", der bei Aktivierung des Klick-Buttons eine Aktion meldet:'''<syntaxhighlight lang="html" line="line" highlight="3,6,12">
<script type="text/javascript">
try {
iqdNS.postCommand[iq-command] = function() {
var msgData = {
info:"startAnimation"+iqdNS.creativeID,
command:"[iq-command]"
};
if (JSON.stringify){
window.top.postMessage(JSON.stringify(msgData), iqdNS.postOrigin);
}
};
iqdNS.addEvent(iqdNS.getElm("[action-elmID]"),'click',iqdNS.postCommand[iq-command]);
}catch(e){}
</script>
</syntaxhighlight>
Für diese Werbeform sind mehrere "Commands" erforderlich. Die markierte Funktion '''postCommand''' ist dementsprechend in Ihrem Code zu duplizieren.<br/><br/>
1. Ersetzen Sie <br/><br/>
'''[iq-command]''' durch '''iqdExpandPB''' (Pushdown der Anzeigen-Fläche) <br/>
'''[iq-command]''' durch '''iqdCollapsePB''' (Kollabieren der Anzeigen-Fläche) <br/><br/>
2. Binden Sie diese an die '''Klick-Sensitiven''' Flächen zum Pushdown und Kollabieren via '''Button'''.<br/>
3. Ersetzen Sie '''[action-elmID]''' durch die Element-ID Ihres '''Klick-buttons'''.
}}

}}