-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy patheditor.html
127 lines (114 loc) · 4.14 KB
/
editor.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
<!DOCTYPE html>
<html lang="en">
<head>
<script type="text/javascript">
WebFontConfig = { fontdeck: { id: '23216' } };
(function() {
var wf = document.createElement('script');
wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
'://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
wf.type = 'text/javascript';
wf.async = 'true';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(wf, s);
})();
</script>
<meta charset="utf-8">
<title>Adlayer - Starterkit</title>
<link rel="stylesheet" href="stylesheets/styles.css">
</head>
<body>
<header>
<img id="logo" src="http://adlayer.com.br/img/logo.png" />
<a href="http://adlayer.com.br" id="siteLink">Ir para o site da Adlayer -></a>
</header>
<div id="preview">
<h1 id="comeando-com-adlayer">Começando com Adlayer</h1>
<h2>Clique com o direito <a href="#">neste link</a> e salve a imagem de destino para usa-la como peça publicitária.</h2>
<h3>Faça <a target="_blank" href="http://adlayer.com.br/login">login</a> em sua conta Adlayer e siga os passos abaixo:</h3>
<ol>
<li>Adicionando um site
<br />
<img src="images/1.png" />
<ul>
<li>
Adicione um site com o nome <strong>“Starterkit”</strong> e no campo domínio preencha com o domínio que está visualizando na <strong>barra de endereços</strong>.
<img src="images/2.png" />
</li>
</ul>
</li>
<li>Integrando a página
<br />
<img src="images/3.png" />
<ul>
<li>
Dentro do site criado (starterkit), adicione uma página chamada <strong>“Home”</strong>
<img src="images/4.png" />
</li>
<li>Copie o código de integração da página e cole no editor ao lado na linha <a class="go-to-line" href="#">#1</a>
<img src="images/5.png" />
</li>
</ul>
</li>
<li>Integrando um espaço publicitário
<img src="images/6.png" />
<ul>
<li>De volta ao Adlayer, adicione um “espaço” com o nome <strong>“fullbanner”</strong> (dentro da página Home).
<br />
<img src="images/7.png" />
</li>
<li>Copie o código do espaço (passando o mouse sobre o nome “fullbanner”).
<img src="images/8.png" />
</li>
<li>Cole no editor ao lado na linha <a class="go-to-line" href="#">#76</a></li>
</ul>
</li>
<li>Vinculando uma campanha
<ul>
<li>Encontre e selecione a aba “Campanhas” dentro do site</li>
<li>Clique em “vincular campanha” para criar uma nova campanha
<img src="images/9.png" />
</li>
<li>Dê o nome de “Campanha de teste”</li>
<li>Adicione “Adlayer” como novo anunciante
<img src="images/10.png" />
</li>
<li>Certifique-se que o site <strong>“Starterkit”</strong> está selecionado na segunda tela.
<img src="images/11.png" />
</li>
</ul>
</li>
<li>Adicionando uma peça publicitária
<img src="images/12.png" />
<ul>
<li>Adicione uma nova peça na campanha com o nome <strong>“Fullbanner imagem”</strong></li>
<li>Vincule a peça no espaço “Fullbanner” da página “Home” do site “Starterkit”.
<img src="images/13.png" />
</li>
</ul>
</li>
</ol><button id="test">Testar</button>
<!-- Insira o código do espaço na linha seguinte -->
</div>
<div id="editor"><strong>Aguarde o editor carregar...</strong></div>
<script src="http://code.jquery.com/jquery-1.8.3.min.js" type="text/javascript" charset="utf-8"></script>
<script src="http://d1n0x3qji82z53.cloudfront.net/src-min-noconflict/ace.js" type="text/javascript" charset="utf-8"></script>
<script>
var editor = ace.edit("editor");
editor.setTheme("ace/theme/eclipse");
editor.getSession().setMode("ace/mode/html");
editor.setValue($('#preview').html());
$('.go-to-line').click(function(e){
var line = parseInt($(this).text());
editor.gotoLine(line);
e.preventDefault();
})
$('#test').click(function(){
var preview = document.getElementById('preview');
preview.innerHTML = editor.getValue();
var script = document.getElementById('adlayerScript');
jQuery.getScript(script.src, function(){});
});
</script>
</body>
</html>