|
213 | 213 | <div style="display: flex; flex-direction: column; align-items: center; width: 100%"> |
214 | 214 | <h2>Branch Metrics Web SDK Example</h2> |
215 | 215 | <hr class="lineBreak horizontalLine"> |
216 | | - <div class="split-container"> |
217 | | - <div class="container api-methods"> |
218 | | - <section> |
219 | | - <h3>Methods</h3> |
220 | | - <a href="https://help.branch.io/developers-hub/docs/web-full-reference" target="_blank">https://help.branch.io/developers-hub/docs/web-full-reference</a> |
221 | | - <hr class="lineBreak horizontalLine"> |
222 | | - |
223 | | - <h4>Session</h4> |
224 | | - <div class="group"> |
225 | | - <button class="btn btn-info" onclick="callData()">.data()</button> |
226 | | - <button class="btn btn-info" onclick="callLogout()">Logout</button> |
227 | | - <button class="btn btn-info" onclick="callFirst()">.first()</button> |
228 | | - </div> |
229 | | - <h4>Identity</h4> |
230 | | - <div class="group"> |
231 | | - <input class=" example-input" type=" text" id=" identityID" placeholder=" [email protected]" > |
232 | | - <button id="setIdentity" class="btn btn-info" onclick="callSetIdentity()">Set Identity</button> |
233 | | - </div> |
234 | | - <h4>Events</h4> |
235 | | - <div class="group"> |
236 | | - <button class="btn btn-info" onclick="callLogEvent('PURCHASE')">Create Standard Event</button> |
237 | | - <button class="btn btn-info" onclick="callLogEvent('testedCustomEvent')">Create Custom Event</button> |
238 | | - </div> |
239 | | - <h4>Sharing</h4> |
240 | | - <div class="group"> |
241 | | - <button class="btn btn-info" onclick="callLink()">Create Link</button> |
242 | | - <button class="btn btn-info" onclick="callQrCode()">Create QrCode</button> |
243 | | - <button class="btn btn-info" onclick="callBanner()">.banner()</button> |
244 | | - </div> |
245 | | - <h4>Tracking</h4> |
246 | | - <div class="group"> |
247 | | - <button class="btn btn-info" onclick="callDisableTracking()">Disable Tracking</button> |
248 | | - <button class="btn btn-info" onclick="callEnableTracking()">Enable Tracking</button> |
249 | | - </div> |
250 | | - <h3>Api Settings</h3> |
251 | | - <hr class="lineBreak horizontalLine"> |
252 | | - <div class="group" id="configButtons"></div> |
253 | | - <label id="branchKeyLabel" for="branchKeyInput">Branch Key:</label> |
254 | | - <input type="text" id="branchKeyInput" class="apiInput"> |
255 | | - <br> |
256 | | - <label id="apiUrlLabel" for="apiUrlInput">Api Url:</label> |
257 | | - <input type="text" id="apiUrlInput" class="apiInput"> |
258 | | - <br> |
259 | | - <button class="btn btn-info" onclick="updateQueryParams()"> |
260 | | - Update Api Settings |
261 | | - </button> |
262 | | - </section> |
263 | | - </div> |
264 | | - <div class="lineBreak verticalLine"></div> |
265 | | - <div class="container api-info"> |
266 | | - <section> |
267 | | - <h3>Api Requests</h3> |
268 | | - <hr class="lineBreak horizontalLine"> |
269 | | - <h4>Session Info |
270 | | - <button class="btn btn-info" onclick="copySessionInfo()" style="margin-left: 10px; font-size: 12px; padding: 2px 8px; cursor: pointer;"> |
271 | | - Copy |
272 | | - </button> |
273 | | - </h4> |
274 | | - <pre id="session-info">Reading session from .init()...</pre> |
275 | | - <h4>Request</h4> |
276 | | - <pre id="request">Click a button!</pre> |
277 | | - <h4>Response</h4> |
278 | | - <pre id="response">Click a button!</pre> |
279 | | - </section> |
280 | | - </div> |
281 | | - </div> |
| 216 | +<!-- <div class="split-container">--> |
| 217 | +<!-- <div class="container api-methods">--> |
| 218 | +<!-- <section>--> |
| 219 | +<!-- <h3>Methods</h3>--> |
| 220 | +<!-- <a href="https://help.branch.io/developers-hub/docs/web-full-reference" target="_blank">https://help.branch.io/developers-hub/docs/web-full-reference</a>--> |
| 221 | +<!-- <hr class="lineBreak horizontalLine">--> |
| 222 | + |
| 223 | +<!-- <h4>Session</h4>--> |
| 224 | +<!-- <div class="group">--> |
| 225 | +<!-- <button class="btn btn-info" onclick="callData()">.data()</button>--> |
| 226 | +<!-- <button class="btn btn-info" onclick="callLogout()">Logout</button>--> |
| 227 | +<!-- <button class="btn btn-info" onclick="callFirst()">.first()</button>--> |
| 228 | +<!-- </div>--> |
| 229 | +<!-- <h4>Identity</h4>--> |
| 230 | +<!-- <div class="group">--> |
| 231 | +<!-- <input class="example-input" type="text" id="identityID" placeholder="[email protected]">--> |
| 232 | +<!-- <button id="setIdentity" class="btn btn-info" onclick="callSetIdentity()">Set Identity</button>--> |
| 233 | +<!-- </div>--> |
| 234 | +<!-- <h4>Events</h4>--> |
| 235 | +<!-- <div class="group">--> |
| 236 | +<!-- <button class="btn btn-info" onclick="callLogEvent('PURCHASE')">Create Standard Event</button>--> |
| 237 | +<!-- <button class="btn btn-info" onclick="callLogEvent('testedCustomEvent')">Create Custom Event</button>--> |
| 238 | +<!-- </div>--> |
| 239 | +<!-- <h4>Sharing</h4>--> |
| 240 | +<!-- <div class="group">--> |
| 241 | +<!-- <button class="btn btn-info" onclick="callLink()">Create Link</button>--> |
| 242 | +<!-- <button class="btn btn-info" onclick="callQrCode()">Create QrCode</button>--> |
| 243 | +<!-- <button class="btn btn-info" onclick="callBanner()">.banner()</button>--> |
| 244 | +<!-- </div>--> |
| 245 | +<!-- <h4>Tracking</h4>--> |
| 246 | +<!-- <div class="group">--> |
| 247 | +<!-- <button class="btn btn-info" onclick="callDisableTracking()">Disable Tracking</button>--> |
| 248 | +<!-- <button class="btn btn-info" onclick="callEnableTracking()">Enable Tracking</button>--> |
| 249 | +<!-- </div>--> |
| 250 | +<!-- <h3>Api Settings</h3>--> |
| 251 | +<!-- <hr class="lineBreak horizontalLine">--> |
| 252 | +<!-- <div class="group" id="configButtons"></div>--> |
| 253 | +<!-- <label id="branchKeyLabel" for="branchKeyInput">Branch Key:</label>--> |
| 254 | +<!-- <input type="text" id="branchKeyInput" class="apiInput">--> |
| 255 | +<!-- <br>--> |
| 256 | +<!-- <label id="apiUrlLabel" for="apiUrlInput">Api Url:</label>--> |
| 257 | +<!-- <input type="text" id="apiUrlInput" class="apiInput">--> |
| 258 | +<!-- <br>--> |
| 259 | +<!-- <button class="btn btn-info" onclick="updateQueryParams()">--> |
| 260 | +<!-- Update Api Settings--> |
| 261 | +<!-- </button>--> |
| 262 | +<!-- </section>--> |
| 263 | +<!-- </div>--> |
| 264 | +<!-- <div class="lineBreak verticalLine"></div>--> |
| 265 | +<!-- <div class="container api-info">--> |
| 266 | +<!-- <section>--> |
| 267 | +<!-- <h3>Api Requests</h3>--> |
| 268 | +<!-- <hr class="lineBreak horizontalLine">--> |
| 269 | +<!-- <h4>Session Info--> |
| 270 | +<!-- <button class="btn btn-info" onclick="copySessionInfo()" style="margin-left: 10px; font-size: 12px; padding: 2px 8px; cursor: pointer;">--> |
| 271 | +<!-- Copy--> |
| 272 | +<!-- </button>--> |
| 273 | +<!-- </h4>--> |
| 274 | +<!-- <pre id="session-info">Reading session from .init()...</pre>--> |
| 275 | +<!-- <h4>Request</h4>--> |
| 276 | +<!-- <pre id="request">Click a button!</pre>--> |
| 277 | +<!-- <h4>Response</h4>--> |
| 278 | +<!-- <pre id="response">Click a button!</pre>--> |
| 279 | +<!-- </section>--> |
| 280 | +<!-- </div>--> |
| 281 | +<!-- </div>--> |
282 | 282 | </div> |
283 | 283 | <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> |
284 | 284 | <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script> |
|
0 commit comments