| @@ -6,14 +6,8 @@ | ||
| 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 | - | |
| 16 | 10 | .taboola-container { |
| 17 | 11 | padding: 20px; |
| 18 | 12 | padding-left: 0; |
| 19 | 13 | font-size: 14px; |
| @@ -392,27 +386,8 @@ | ||
| 392 | 386 | input.highlight { |
| 393 | 387 | border: 1px solid orange !important; |
| 394 | 388 | } |
| 395 | 389 | |
| 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 | - | |
| 415 | 390 | </style> |
| 416 | 391 | |
| 417 | 392 | <?php |
| 418 | 393 | |
| @@ -571,14 +546,14 @@ | ||
| 571 | 546 | <div>Your Publisher ID, as provided by Taboola.</div> |
| 572 | 547 | </div> |
| 573 | 548 | </div> |
| 574 | 549 | <div class="pub_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) : '' ?>"/> | |
| 550 | + <input id="publisher-id" type="text" name="publisher_id" placeholder="publisher" value="<?php echo !empty($settings->publisher_id) ? htmlspecialchars($settings->publisher_id) : '' ?>"/> | |
| 576 | 551 | </div> |
| 577 | 552 | <div class="statement"> |
| 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> | |
| 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> | |
| 581 | 556 | </div> |
| 582 | 557 | </div> |
| 583 | 558 | |
| 584 | 559 | |
| @@ -622,12 +597,12 @@ | ||
| 622 | 597 | </div> |
| 623 | 598 | </div> |
| 624 | 599 | <div class="input_below"> |
| 625 | 600 | <div class="widget_below"> |
| 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" /> | |
| 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" /> | |
| 627 | 602 | </div> |
| 628 | 603 | <div class="placement_below"> |
| 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" /> | |
| 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" /> | |
| 630 | 605 | </div> |
| 631 | 606 | </div> |
| 632 | 607 | |
| 633 | 608 | <!-- Below Article Widget --> |
| @@ -687,12 +662,12 @@ | ||
| 687 | 662 | </div> |
| 688 | 663 | </div> |
| 689 | 664 | <div> |
| 690 | 665 | <div class="widget_below_mid"> |
| 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" /> | |
| 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" /> | |
| 692 | 667 | </div> |
| 693 | 668 | <div class="placement_below_mid"> |
| 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" /> | |
| 669 | + <input id = "mid_placement" type="text" value="<?php echo !empty($settings->mid_placement) ? htmlspecialchars($settings->mid_placement) : "" ?>" name="mid_placement" placeholder="Placement Name" /> | |
| 695 | 670 | </div> |
| 696 | 671 | </div> |
| 697 | 672 | |
| 698 | 673 | <div id="mid_occurrence_div"> |
| @@ -737,34 +712,14 @@ | ||
| 737 | 712 | </div> |
| 738 | 713 | </div> |
| 739 | 714 | </div> |
| 740 | 715 | <div class="widget_below_mid_selector"> |
| 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" /> | |
| 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" /> | |
| 742 | 717 | </div> |
| 743 | 718 | </div> |
| 744 | 719 | </div> |
| 745 | 720 | <!-- Mid Article Widget --> |
| 746 | 721 | |
| 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 | - | |
| 767 | 722 | <!-- Homepage mid widget --> |
| 768 | 723 | |
| 769 | 724 | |
| 770 | 725 | <div id="homepage" class="settings_block widget_settings_block"> |
| @@ -809,12 +764,12 @@ | ||
| 809 | 764 | </div> |
| 810 | 765 | </div> |
| 811 | 766 | <div> |
| 812 | 767 | <div class="widget_below_home"> |
| 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" /> | |
| 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" /> | |
| 814 | 769 | </div> |
| 815 | 770 | <div class="placement_below_home"> |
| 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" /> | |
| 771 | + <input id = "home_placement" type="text" value="<?php echo !empty($settings->home_placement) ? htmlspecialchars($settings->home_placement) : "" ?>" name="home_placement" placeholder="Placement Name" /> | |
| 817 | 772 | </div> |
| 818 | 773 | </div> |
| 819 | 774 | |
| 820 | 775 | <div class='heading_mid_home'><label style="float:left;">Position the widget immediately below the element:</label> |
| @@ -864,9 +819,9 @@ | ||
| 864 | 819 | </div> |
| 865 | 820 | </div> |
| 866 | 821 | <div class="home_placement"> |
| 867 | 822 | <div class="widget_below_home_selector"> |
| 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> | |
| 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> | |
| 869 | 824 | </div> |
| 870 | 825 | <div class="placement_below_home_Occurrence"> |
| 871 | 826 | <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;"> |
| 872 | 827 | </div> |
