How to load html code - ionic-framework

How to load the html code in InAppBrowser in ionic.
I have tried this
var url = "/assets/thanks.html";
var target ="_self";
let browser = new InAppBrowser(url, '_self', 'location=no,hidden=no');
browser.executeScript({code:"<div class=\\\"kg-card-markdown\\\"><div class=\\\"ji-wrapper ver-padding-10\\\">\\n <ul class=\\\"cust-breadcrumb text-left\\\">\\n <li class=\\\"breadcrumb-item\\\">Home</li>\\n <li class=\\\"breadcrumb-item\\\">Health Guide</li>\\n <li class=\\\"breadcrumb-item \\\">Liberty General Insurance</li>\\n <li class=\\\"breadcrumb-item active\\\">Health Value Recharge</li>\\n </ul>\\n <div class=\\\"topsection topimg-sec\\\">\\n <div class=\\\"img-block\\\">\\n <img src=\\\"https://cdn.insuranceinbox.com/owiproducts/productcompanylogos/libertygeneral.png\\\"/>\\n<div class=\\\"text-center ver-padding-20\\\">\\n <button class=\\\"jiva-pri-btn\\\" onClick=\\\"location.href='/partners/cellmoney/location'\\\">\\n Buy Now\\n </button>\\n </div>\\n </div>\\n <div class=\\\"cont-box\\\">\\n <h1 class=\\\"comp-heading text-left\\\">Health Value Recharge</h1>\\n <p class=\\\"p-content\\\"> Liberty's Health Value Recharge, is an exclusively customized health insurance plan available at an affordable cost for individuals and families. This plan aims to provide you with financial support for all expenses related to treatments and hospitalization thus assuring you peace of mind when the health care costs are increasing drastically day by day.</p> \\n <div class=\\\"productinsu-con jiva-wrap-spacebetween\\\">\\n <div class=\\\"productinnerinsu\\\">\\n <p class=\\\"insured\\\">\\n Sum Insured\\n </p>\\n <p class=\\\"insured\\\">\\n 2,00,000\\n </p>\\n </div>\\n <div class=\\\"productinnerinsu\\\">\\n <p class=\\\"insured\\\">\\n Premium starts from\\n </p>\\n <p class=\\\"insured\\\">\\n 2,143\\n </p>\\n </div>\\n </div>\\n </div>\\n </div>\\n <div class=\\\"jiva-layout jiva-wrap-spacebetween ver-padding-20 com-prod-cont\\\">\\n <div class=\\\"jiva-cus-left-con left-content\\\">\\n <div class=\\\"stretch-div\\\">\\n <div class=\\\"ins-trms-bx ver-padding-20\\\">\\n <h2 class=\\\"text-left sub-title \\\">Key Highlights</h2>\\n <h3 class=\\\"sub-title ver-padding-10\\\">Cashless Treatment at 8000+ Network Hospitals</h3>\\n <p class=\\\"jiva-def-text text-justify\\\">You don’t have to pay even a single paisa from your own pocket in more than 8000+ network hospitals, for all the treatments that are covered by the policy. The Insurer shall pay for your treatment directly to the hospital, maximum up to your sum insured. </p>\\n <h3 class=\\\"sub-title ver-padding-10\\\">Hospital Cash</h3>\\n <p class=\\\"jiva-def-text text-justify\\\">In addition to the hospital expenses and medicines, this plan also provides you fixed amount of Rs. 500 per day for every completed day of hospitalization (to a maximum of 10th day of Hospitalization) if the total hospitalization exceeds 3 days.</p>\\n <h3 class=\\\"sub-title ver-padding-10\\\">Expenses before and after Hospitalization</h3>\\n <p class=\\\"jiva-def-text text-justify \\\">You will get covered for all your claim related medical expenses 30 days before your hospitalization and up to 60 days after your discharge. This list may include follow-up visits, medication, diagnosis… etc.,</p>\\n </div>\\n <div class=\\\"ins-trms-bx ver-padding-20\\\">\\n<h2 class=\\\"text-left sub-title \\\">Key Product Benefits to Check</h2>\\n <h3 class=\\\"sub-title ver-padding-10\\\">Room Rent</h3>\\n <p class=\\\"jiva-def-text text-justify\\\">You can avail 1% of your sum insured as room rent per day.</p>\\n <h3 class=\\\"sub-title ver-padding-10\\\">ICU Room Charges</h3>\\n <p class=\\\"jiva-def-text text-justify\\\">Insurance company shall pay up to 2% of your sum insured per day for ICU room charges.</p>\\n<h3 class=\\\"sub-title ver-padding-10\\\">Reimbursement of Ambulance Expenses</h3>\\n <p class=\\\"jiva-def-text text-justify\\\">You can claim upto Rs.1500 per hospitalization - spent on ambulance charges from one Hospital to another Hospital. This would be helpful for advanced/better equipped medical support/aid required for rescuing your health condition.</p>\\n<h3 class=\\\"sub-title ver-padding-10\\\">Day Care Treatments</h3>\\n <p class=\\\"jiva-def-text text-justify\\\">Insurance company will pay for medical treatment costs necessary and reasonable (in scope for a Day Care Procedure) that would require hospitalization for less than 24 hours. (Due to advancement in Technology). Please refer the terms for exact list of procedures.</p> \\n </div>\\n <div class=\\\"ins-trms-bx ver-padding-20\\\">\\n<h2 class=\\\"text-left sub-title \\\">Exclusions to note</h2>\\n <h3 class=\\\"sub-title ver-padding-10\\\">Pre exisiting diseases</h3>\\n <p class=\\\"jiva-def-text text-justify\\\">If you/ any of the insured members are suffering from any medical condition (disease) before taking the policy, then the Insurance company will not pay for treatment of that condition for the first 3 years of subscription. All the other Health Care expenses will be covered.</p>\\n <h3 class=\\\"sub-title ver-padding-10\\\">30 days waiting period</h3>\\n <p class=\\\"jiva-def-text text-justify\\\">You can only claim for treatments of accidental injuries for the first 30 days after taking the policy</p>\\n<h3 class=\\\"sub-title ver-padding-10\\\">1 year waiting period</h3>\\n <p class=\\\"jiva-def-text text-justify \\\">This policy covers some diseases/treatments like Cataract, Hysterectomy, Kidney Stone, Varicose veins, surgery of Tonsils and sinuses …etc., only after 1 year.</p>\\n </div>\\n <div class=\\\"ins-trms-bx ver-padding-20\\\">\\n <h2 class=\\\"text-left sub-title \\\">FAQ’s</h2>\\n <h3 class=\\\"sub-title ver-padding-10\\\">What are the benefits of having a health insurance policy?</h3>\\n <p class=\\\"jiva-def-text text-justify\\\">Having a health insurance policy covers any expenses you might incur due to hospitalization. This includes in-patient treatments, pre and post hospitalization charges, day care procedures, etc.</p>\\n <h3 class=\\\"sub-title ver-padding-10\\\">Is there any tax benefit?</h3>\\n <p class=\\\"jiva-def-text text-justify\\\">Yes, you can avail tax exemptions up to a sum of Rs. 25,000 as tax benefit under 'Section 80D'. In case of senior citizens, you are allowed to avail tax exemption up to a sum of Rs. 30,000 under Section '80'</p>\\n </div>\\n <!--<div class=\\\"text-center ji-spacebetween-wrap ver-padding-20\\\">\\n <button class=\\\"jiva-pri-btn\\\">DOWNLOAD BROCHURE</button>\\n <button class=\\\"jiva-pri-btn\\\">CHECK PRODUCT TERMS</button>\\n </div>-->\\n </div>\\n </div>\\n <div class=\\\"jiva-cus-right-con right-content\\\" >\\n <div class=\\\"position-sticky\\\">\\n <div class=\\\"shopping\\\">\\n <h3 class=\\\"title-2\\\">Get Health Value Recharge Now and Protect your Family.</h3>\\n <button class=\\\"jiva-pri-blk-btn \\\">Coming Soon</button> \\n </div>\\n <div class=\\\"l3-testy\\\">\\n <h2 class=\\\"text-left sub-title ver-padding-8\\\"> Testimonials</h2>\\n <p class=\\\"jiva-def-text text-justify ver-padding-10\\\">I have been very impressed with your response. When I think of Insurance Inbox I think of two things easy to use and support when I need it. </p>\\n <p class=\\\"text-right orgtxt small-text\\\">-- Sai Pramod</p>\\n <div class=\\\"jiva-cust-divider\\\"></div>\\n <p class=\\\"jiva-def-text text-justify ver-padding-10\\\">I realized that I must buy health Insurance first and Insurance Inbox provided me the cheapest and easiest way to get insurance in few minutes.</p>\\n <p class=\\\"text-right orgtxt small-text\\\">-- Ishita Karbelkar</p>\\n <div class=\\\"jiva-cust-divider\\\"></div>\\n <p class=\\\"jiva-def-text text-justify ver-padding-10\\\">Insurance Inbox changed my perception towards insurance. It simplified my policy for me , took the stress away and keeps me secured.</p>\\n <p class=\\\"text-right orgtxt small-text\\\">-- Surya</p>\\n </div>\\n </div>\\n </div> \\n </div>\\n </div></div>"})

Try using the append function i.e browser.executeScript({code:"$('Whatever').append('<div></div>')"});

Related

Multiple itemscope location schemes

I use itemscopes for a gallery, based in Brazil but they also have two other locations for the exhibitions somewhere else, all of them showing up in the footer.
Can I use multiple Location Schemes on a page? If so, how would I do this? Is it fine if I just duplicate the following, or should I split it up with the first belonging to Organization and the other two to Places?
<p itemscope itemtype="http://schema.org/Place">
<span itemprop="name" style="display:none;">Gallery</span>
<span itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
<span itemprop="streetAddress">{!! $street !!}</span><br>
<span itemprop="addressLocality">{!! $town !!}</span><br>
<span itemprop="postalCode">{!! $postal !!}</span>
<span itemprop="addressRegion">{!! \App\Info::val('adresscountry') !!}</span><br>
<span itemprop="telephone">{!! $phone !!}</span><br><br>
<span>{!! $openinghours !!}</span><br><br>
<span itemprop="email">mail#gallery.com</span><br><br>
</span>
</p>
It is one organization that owns three places where exhibitions are held. It would be nice if every place would be featured on search machines, no need for the specific exhibitions.
Note that the following doesn’t necessarily lead to rich results in search engines. In case of Google Search, it seems they don’t offer a rich result for places (and even if they would, it would probably require a dedicated page per place). However, they have a rich result for events.
You could provide an Organization item with three location values:
<div itemscope itemtype="http://schema.org/Organization">
<div itemprop="location" itemscope itemtype="http://schema.org/Place" id="loc-1"><!-- location 1 --></div>
<div itemprop="location" itemscope itemtype="http://schema.org/Place" id="loc-2"><!-- location 2 --></div>
<div itemprop="location" itemscope itemtype="http://schema.org/Place" id="loc-3"><!-- location 3 --></div>
</div>
For each ExhibitionEvent, you could reference its location (assuming that the places are part of the footer on the event pages, too) via the itemref attribute:
<div itemscope itemtype="http://schema.org/ExhibitionEvent" itemref="loc-2">
</div>

what is the current opinion on using <meta> tags to hide individual instances of a recurring itemtype="http://schema.org/Event"

This event is a local farm market where the client will be making weekly appearances at a venue which shifts bi-annually. Because the recurrence of the event is irregular (some weeks the start time may be different and the number of days between events varies between 7 and 5), there is plenty of justification to list them individually. However, a human reader will not like the aesthetics of 20+ listings all having the same description.
You don’t have to duplicate the description, you can use the itemref attribute:
<p itemprop="description" id="farm-market">…<!-- description for all events --></p>
<div itemscope itemtype="http://schema.org/Event" itemref="farm-market">
<time itemprop="startDate">2015-01-20</time>
</div>
<div itemscope itemtype="http://schema.org/Event" itemref="farm-market">
<time itemprop="startDate">2015-02-04</time>
</div>
If you don’t want to show any content from the single events (i.e., not even the date), then yes, you should use meta elements in Microdata:
<p itemprop="description" id="farm-market">…<!-- description for all events --></p>
<div itemscope itemtype="http://schema.org/Event" itemref="farm-market">
<meta itemprop="startDate" content="2015-01-20">
</div>
<div itemscope itemtype="http://schema.org/Event" itemref="farm-market">
<meta itemprop="startDate" content="2015-02-04">
</div>
There’s nothing wrong about using meta.
It’s what gets used in some examples from the Microdata (W3C Working Group Note) specification, and for this purpose Microdata defines that it’s valid to use meta elements in the body.

Need help adding Microdata to an event

I'm struggling to correctly add microdata to events on my page. The Google Structured Data Testing tool can read the data but it isn't displaying it correctly. I'm getting confused.
I am trying to tag it for a sports league that has a single event on one night that consists of three games all taking place at the same location.
<div itemscope itemtype="http://schema.org/SportsEvent"><!--microdata week 1 event-->
<meta itemprop="name" content="Week 1 Lacrosse Games">
<meta itemprop="location" content="Street, Town, NY">
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-3"> <!--column-->
<h3>Week 1<br><span itemprop="startDate" content="2014-06-27T18:00">Friday, June 27</span></h3>
<br>
<div itemprop="subEvent" itemscope itemtype="http://schema.org/subEvent">
<h4><span itemprop="name">Game 1</span> - 6:00 PM</h4>
<p><span itemprop="performer">Team 1 vs.Team 2</span></p>
</div>
<div itemprop="subEvent" itemscope itemtype="http://schema.org/subEvent">
<h4><span itemprop="name">Game 2</span> - 7:00 PM</h4>
<p><span itemprop="performer">Team 3 vs. Team 4</span></p>
</div>
<div itemprop="subEvent" itemscope itemtype="http://schema.org/subEvent">
<h4><span itemprop="name">Game 3</span> - 8:00 PM</h4>
<p><span itemprop="performer">Team 5 vs. Team 6</span></p>
</div>
</div><!--end column-->
</div><!--microdata week 1 event-->
I'm not sure what sort of problems you're having with the rich snippets displaying, but I did notice a couple of things that I'd recommend you change. Since all of these events are sporting events, I would probably recommend that you use the SportsEvent type for them all. You also need to specify all of the start times in ISO 8601 format. Additionally, the expected value of the "performer" property is either an Organization or Person, and SportsTeam is an extension of the Organizaton type. So I would recommend using that property twice within each event so that you could specify the two different teams that are playing, along with the SportsTeam type, like this:
<div itemprop="subEvent" itemscope itemtype="http://schema.org/SportsEvent">
<h4><span itemprop="name">Game 1</span> - <meta itemprop="startDate" content="2014-06-27T18:00" />6:00 PM</h4>
<p><span itemprop="performer" itemscope itemtype="http://schema.org/SportsTeam">
<span itemprop="name">Team 1</span></span> vs</p>
<p><span itemprop="performer" itemscope itemtype="http://schema.org/SportsTeam">
<span itemprop="name">Team 2</span></span></p>
</div>
I hope that helps.
Because I was using subevents, Google required that I have the microdata URL called out for each event. They have a rule that says if you have multiple events on the same page, you need to have a URL for each one.
Since I used the same page for all of them, I gave each subevent a unique ID and I linked that ID in the address.

Error: Page contains property "price" which is not part of the schema

I've added some rich snippets to a product page on one of our client websites:
<div class="osetDesc" itemscope itemtype="http://schema.org/Product">
<div class="osetBikesImg">
<img itemprop="image" src="images/oset/oset-12-5-eco_1.jpg" alt="OSET 12.5 ECO" class="largeImg" id="largeImg1" />
<div class="osetSmall">
<img src="images/oset/oset-12-5-eco_1.jpg" alt="OSET 12.5 ECO" class="smallImg" />
<img src="images/oset/oset-12-5-eco_2.jpg" alt="OSET 12.5 ECO" class="smallImg" />
<img src="images/oset/oset-12-5-eco_3.jpg" alt="OSET 12.5 ECO" class="smallImg" />
<img src="images/oset/oset-12-5-eco_4.jpg" alt="OSET 12.5 ECO" class="smallImg" />
<img src="images/oset/oset-12-5-eco_5.jpg" alt="OSET 12.5 ECO" class="smallImg" />
<img src="images/oset/oset-12-5-eco_6.jpg" alt="OSET 12.5 ECO" class="smallImg" />
</div>
</div>
<div class="osetText">
<h2 itemprop="name">OSET 12.5 ECO <span>£<b itemprop="price">799</b></span></h2>
<div itemprop="description">
<p>The OSET 12.5 Eco is simple, sturdy, adjustable and easy to manage for riders from 2-5 years. A twist of the 'parent adjustable' speed dial allows the bike to grow with the child as their skills improve. What age to start? Some children can concentrate well enough at the age of 2. In any scenario, the OSET 12.5 can suit their needs.</p>
<p>With the speed dial set to walking pace, the parent can follow the rider with a firm hand on the rear mudguard and assist as the child learns throttle control and balance. The OSET 12.5 is light, which allows 3 year olds to pick up their own bike after a spill!</p>
<p>The 12.5 features front and rear suspension, reach adjustable brake levers, a full coverage chain guard, custom foot pegs for little feet and a first rate reliability record. Cost of ownership is very low, and re-sale value very high.</p>
<p>In 2009 the OSET 12.5 was voted 'Product of the Year' by Dirt Rider Magazine. Quite an accolade - from the world's biggest MX magazine!</p>
<ul class="osetUL">
<li class="tech">Technical Specifications</li>
<li>Wheelbase <span>712mm</span></li>
<li>Seat Height <span>381mm</span></li>
<li>Weight <span>21kg</span></li>
<li>Age Range <span>2–5 yrs old</span></li>
<li>Power <span>500w, 24v</span></li>
<li>Brakes <span>Mechanical</span></li>
</ul>
</div>
<a href="contact">
<span id="contactus">contact us</span>
</a>
</div>
I'm receiving the error "Error: Page contains property "price" which is not part of the schema" when testing this in Webmaster Tools. Is anyone able to point me in the right direction of where I'm going wrong?
Thanks,
Liam
For http://schema.org/Product, there is no property named price.
You probably want to use http://schema.org/Offer, which has the price property.
Simple example:
<div itemscope itemtype="http://schema.org/Product">
<div itemprop="name">Product name</div>
<div itemprop="offers" itemscope itemtype="http://schema.org/Offer">
<span itemprop="price">99</span>
</div>
</div>

schema.org for watches : catalog, dataset, product ?

I'm working on a website about watches. Goal is to display brands, brand's collections, watches, news, reviews, videos, an so on.
I'm asking myself on which kind of schema to use on collections / watches... Watch is a product, but we don't sell watches. We only display informations about watches, their brands, the official descriptions, some reviews, etc...
Is a collection a "DataCatalog" and each watch a dataset ? It is a good idea to want to add itemtype on a collection ? Or only use "Product" type on final watches from collection ?
I think it's difficult to understand the good way to implement schema.org due to the types limitation. And you, What do you think about this kind of problem ?
Thanks in advance for any suggestion
If you want to describe watch as a product using schema.org/Product is a perfect catch. I'll explain.
As you may see from schema.org/Product class structure it doesn't contain any properties for describing selling or buying. It has review, brand and other product specific properties. For describing offer/offers it has special item - well, offers of type schema.org/Offer. This type instead is exactly about selling/buying smth with properties price, acceptedPaymentMethod, etc.
Consider example from schema.org/Product page:
<div itemscope itemtype="http://schema.org/Product">
<span itemprop="name">Kenmore White 17" Microwave</span>
<img src="kenmore-microwave-17in.jpg" alt='Kenmore 17" Microwave' />
<div itemprop="aggregateRating"
itemscope itemtype="http://schema.org/AggregateRating">
Rated <span itemprop="ratingValue">3.5</span>/5
based on <span itemprop="reviewCount">11</span> customer reviews
</div>
<div itemprop="offers" itemscope itemtype="http://schema.org/Offer">
<span itemprop="price">$55.00</span>
<link itemprop="availability" href="http://schema.org/InStock" />In stock
</div>
Product description:
<span itemprop="description">0.7 cubic feet countertop microwave.
Has six preset cooking categories and convenience features like
Add-A-Minute and Child Lock.</span>
Customer reviews:
<div itemprop="review" itemscope itemtype="http://schema.org/Review">
<span itemprop="name">Not a happy camper</span> -
by <span itemprop="author">Ellie</span>,
<meta itemprop="datePublished" content="2011-04-01">April 1, 2011
<div itemprop="reviewRating" itemscope itemtype="http://schema.org/Rating">
<meta itemprop="worstRating" content = "1">
<span itemprop="ratingValue">1</span>/
<span itemprop="bestRating">5</span>stars
</div>
<span itemprop="description">The lamp burned out and now I have to replace
it. </span>
</div>
<div itemprop="review" itemscope itemtype="http://schema.org/Review">
<span itemprop="name">Value purchase</span> -
by <span itemprop="author">Lucas</span>,
<meta itemprop="datePublished" content="2011-03-25">March 25, 2011
<div itemprop="reviewRating" itemscope itemtype="http://schema.org/Rating">
<meta itemprop="worstRating" content = "1"/>
<span itemprop="ratingValue">4</span>/
<span itemprop="bestRating">5</span>stars
</div>
<span itemprop="description">Great microwave for the price. It is small and
fits in my apartment.</span>
</div>
...
</div>
As you can see all product specific properties inserted in Product entity.
For broader research you may check Google markup for products which of course influenced on schema.org way of handling things.
Relating Dataset and DataCatalog types - they are not intended for such use. Instead they provide way for describing, well, some datasets (e.g., dataset of New York weather). For further details about this types you may check:
W3C page about this proposal with examples
Post in schema.org blog which reveals more details about it