| @@ -6,8 +6,14 @@ | ||
| 6 | 6 | <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script> |
| 7 | 7 | |
| 8 | 8 | <style> |
| 9 | 9 | |
| 10 | + a { | |
| 11 | + color: rgb(68,114,196); | |
| 12 | + text-decoration: none; | |
| 13 | + font-weight: bold; | |
| 14 | + } | |
| 15 | + | |
| 10 | 16 | .taboola-container { |
| 11 | 17 | padding: 20px; |
| 12 | 18 | padding-left: 0; |
| 13 | 19 | font-size: 14px; |
| @@ -386,8 +392,27 @@ | ||
| 386 | 392 | input.highlight { |
| 387 | 393 | border: 1px solid orange !important; |
| 388 | 394 | } |
| 389 | 395 | |
| 396 | + #rightrail-banner{ | |
| 397 | + border: 1px solid #d4d9df; | |
| 398 | + border-radius: 10px; | |
| 399 | + background: rgba(51, 125, 247, 0.1); | |
| 400 | + padding: 10px; | |
| 401 | + | |
| 402 | + width: 95%; | |
| 403 | + margin: auto; | |
| 404 | + /* color: #0f4c81; */ | |
| 405 | + } | |
| 406 | + | |
| 407 | + #right-rail{ | |
| 408 | + padding-top: 10px; | |
| 409 | + } | |
| 410 | + | |
| 411 | + hr { | |
| 412 | + border-top: 1px solid lightgray; | |
| 413 | + } | |
| 414 | + | |
| 390 | 415 | </style> |
| 391 | 416 | |
| 392 | 417 | <?php |
| 393 | 418 | |
| @@ -546,14 +571,14 @@ | ||
| 546 | 571 | <div>Your Publisher ID, as provided by Taboola.</div> |
| 547 | 572 | </div> |
| 548 | 573 | </div> |
| 549 | 574 | <div class="pub_id"> |
| 550 | - <input id="publisher-id" type="text" name="publisher_id" placeholder="publisher" value="<?php echo !empty($settings->publisher_id) ? htmlspecialchars($settings->publisher_id) : '' ?>"/> | |
| 575 | + <input id="publisher-id" type="text" name="publisher_id" placeholder="publisher" value="<?php echo !empty($settings->publisher_id) ? strip_tags($settings->publisher_id) : '' ?>"/> | |
| 551 | 576 | </div> |
| 552 | 577 | <div class="statement"> |
| 553 | - <label style="color: #000000;">Don't have an account with taboola?</label> | |
| 554 | - <a style='float: inherit;' class='request_link' href='http://taboola.com/contact' target='_blank'>Contact us</a> | |
| 555 | - <label style="margin-left: -9px; color: #000000;">to get started.</label> | |
| 578 | + <label style="color: #000000; padding-"> | |
| 579 | + Don't have an account with taboola? <a href='http://taboola.com/contact' target='_blank'>Contact us</a> to get started. | |
| 580 | + </label> | |
| 556 | 581 | </div> |
| 557 | 582 | </div> |
| 558 | 583 | |
| 559 | 584 | |
| @@ -597,12 +622,12 @@ | ||
| 597 | 622 | </div> |
| 598 | 623 | </div> |
| 599 | 624 | <div class="input_below"> |
| 600 | 625 | <div class="widget_below"> |
| 601 | - <input id="first_bc_widget_id" type="text" value="<?php echo !empty($settings->first_bc_widget_id) ? htmlspecialchars($settings->first_bc_widget_id) : "" ?>" name="first_bc_widget_id" placeholder="Widget ID" /> | |
| 626 | + <input id="first_bc_widget_id" type="text" value="<?php echo !empty($settings->first_bc_widget_id) ? strip_tags($settings->first_bc_widget_id) : "" ?>" name="first_bc_widget_id" placeholder="Widget ID" /> | |
| 602 | 627 | </div> |
| 603 | 628 | <div class="placement_below"> |
| 604 | - <input type="text" id="first_bc_placement" value="<?php echo !empty($settings->first_bc_placement) ? htmlspecialchars($settings->first_bc_placement) : "" ?>" name="first_bc_placement" placeholder="Placement Name" /> | |
| 629 | + <input type="text" id="first_bc_placement" value="<?php echo !empty($settings->first_bc_placement) ? strip_tags($settings->first_bc_placement) : "" ?>" name="first_bc_placement" placeholder="Placement Name" /> | |
| 605 | 630 | </div> |
| 606 | 631 | </div> |
| 607 | 632 | |
| 608 | 633 | <!-- Below Article Widget --> |
| @@ -662,12 +687,12 @@ | ||
| 662 | 687 | </div> |
| 663 | 688 | </div> |
| 664 | 689 | <div> |
| 665 | 690 | <div class="widget_below_mid"> |
| 666 | - <input id="mid_widget_id" type="text" value="<?php echo !empty($settings->mid_widget_id) ? htmlspecialchars($settings->mid_widget_id) : "" ?>" name="mid_widget_id" placeholder="Widget ID" /> | |
| 691 | + <input id="mid_widget_id" type="text" value="<?php echo !empty($settings->mid_widget_id) ? strip_tags($settings->mid_widget_id) : "" ?>" name="mid_widget_id" placeholder="Widget ID" /> | |
| 667 | 692 | </div> |
| 668 | 693 | <div class="placement_below_mid"> |
| 669 | - <input id = "mid_placement" type="text" value="<?php echo !empty($settings->mid_placement) ? htmlspecialchars($settings->mid_placement) : "" ?>" name="mid_placement" placeholder="Placement Name" /> | |
| 694 | + <input id = "mid_placement" type="text" value="<?php echo !empty($settings->mid_placement) ? strip_tags($settings->mid_placement) : "" ?>" name="mid_placement" placeholder="Placement Name" /> | |
| 670 | 695 | </div> |
| 671 | 696 | </div> |
| 672 | 697 | |
| 673 | 698 | <div id="mid_occurrence_div"> |
| @@ -712,14 +737,34 @@ | ||
| 712 | 737 | </div> |
| 713 | 738 | </div> |
| 714 | 739 | </div> |
| 715 | 740 | <div class="widget_below_mid_selector"> |
| 716 | - <input id = "mid_location_string" type="text" value="<?php echo !empty($settings->mid_location_string) ? htmlspecialchars($settings->mid_location_string) : "p" ?>" name="mid_location_string" placeholder="E.g. p for paragraph" /> | |
| 741 | + <input id = "mid_location_string" type="text" value="<?php echo !empty($settings->mid_location_string) ? strip_tags($settings->mid_location_string) : "p" ?>" name="mid_location_string" placeholder="E.g. p for paragraph" /> | |
| 717 | 742 | </div> |
| 718 | 743 | </div> |
| 719 | 744 | </div> |
| 720 | 745 | <!-- Mid Article Widget --> |
| 721 | 746 | |
| 747 | +<!-- Right Rail Article Widget --> | |
| 748 | + | |
| 749 | +<div id="right-rail" class="settings_block widget_settings_block"> | |
| 750 | + <label id="right-rail-label"><b style="font-size:15px;margin-left: 10px;">Right-rail (sidebar)</b> </label> | |
| 751 | + <div style="font-size:14px;margin: 5px 10px 10px 10px;">You can insert a <b>Taboola</b> unit in your website <b>sidebar</b> (if your <b>WordPress</b> theme provides one):</div> | |
| 752 | + | |
| 753 | + <div id="rightrail-banner"> | |
| 754 | + 1. In the <b>sidebar menu</b> (<i>left</i>) select <b>Appearance</b> > <b>Widgets</b>, or click <a href="widgets.php" target="_blank">here</a> to open the <b>Widgets</b> panel. </br> | |
| 755 | + 2. Click on the <span style="font-size: 18px; font-weight:bold">+</span> icon (<i>top, left</i>) and type in <b>"Taboola".</b></br> | |
| 756 | + 3. Drag the <b>Taboola</b> widget to the desired position in the sidebar (<i>right</i>).</br> | |
| 757 | + 4. Enter the <b>Widget ID (Mode)</b>, as provided by <b>Taboola</b>.</br> | |
| 758 | + 5. Click on <b>Update</b> (<i>top, right</i>) to save your changes.</br> | |
| 759 | + 6. Browse to your website and verify that the newly added unit displays correctly.</br> | |
| 760 | + <hr> | |
| 761 | + To <b>watch a demo</b> of the above steps, see our <a href="https://developers.taboola.com/web-integrations/docs/sidebar-widget" target="_blank">online docs</a>. | |
| 762 | + </div> | |
| 763 | +</div> | |
| 764 | + | |
| 765 | +<!-- Right Rail Article Widget --> | |
| 766 | + | |
| 722 | 767 | <!-- Homepage mid widget --> |
| 723 | 768 | |
| 724 | 769 | |
| 725 | 770 | <div id="homepage" class="settings_block widget_settings_block"> |
| @@ -764,12 +809,12 @@ | ||
| 764 | 809 | </div> |
| 765 | 810 | </div> |
| 766 | 811 | <div> |
| 767 | 812 | <div class="widget_below_home"> |
| 768 | - <input id="home_widget_id" type="text" value="<?php echo !empty($settings->home_widget_id) ? htmlspecialchars($settings->home_widget_id) : "" ?>" name="home_widget_id" placeholder="Widget ID" /> | |
| 813 | + <input id="home_widget_id" type="text" value="<?php echo !empty($settings->home_widget_id) ? strip_tags($settings->home_widget_id) : "" ?>" name="home_widget_id" placeholder="Widget ID" /> | |
| 769 | 814 | </div> |
| 770 | 815 | <div class="placement_below_home"> |
| 771 | - <input id = "home_placement" type="text" value="<?php echo !empty($settings->home_placement) ? htmlspecialchars($settings->home_placement) : "" ?>" name="home_placement" placeholder="Placement Name" /> | |
| 816 | + <input id = "home_placement" type="text" value="<?php echo !empty($settings->home_placement) ? strip_tags($settings->home_placement) : "" ?>" name="home_placement" placeholder="Placement Name" /> | |
| 772 | 817 | </div> |
| 773 | 818 | </div> |
| 774 | 819 | |
| 775 | 820 | <div class='heading_mid_home'><label style="float:left;">Position the widget immediately below the element:</label> |
| @@ -819,9 +864,9 @@ | ||
| 819 | 864 | </div> |
| 820 | 865 | </div> |
| 821 | 866 | <div class="home_placement"> |
| 822 | 867 | <div class="widget_below_home_selector"> |
| 823 | - <input id = "home_location_string" type="text" value="<?php echo !empty($settings->home_location_string) ? htmlspecialchars($settings->home_location_string) : "" ?>" name="home_location_string" placeholder="E.g. p for paragraph" /></td> | |
| 868 | + <input id = "home_location_string" type="text" value="<?php echo !empty($settings->home_location_string) ? strip_tags($settings->home_location_string) : "" ?>" name="home_location_string" placeholder="E.g. p for paragraph" /></td> | |
| 824 | 869 | </div> |
| 825 | 870 | <div class="placement_below_home_Occurrence"> |
| 826 | 871 | <input type="number" id="home_occurrence" value="<?php echo !empty($settings->home_location_string_occurrence) ? $settings->home_location_string_occurrence : "1" ?>" name="home_location_string_occurrence" placeholder="" style="width:65px;"> |
| 827 | 872 | </div> |