Skip to content

btxtiger/ngx-serp-preview

Repository files navigation

ngx-serp-preview

npm npm npm

SERP (Search Engine Result Page) Preview Component for Angular

# Install the Angular component
npm i -S ngx-serp-preview

Multiple preview tabs with Google, Mobile, Bing, Yahoo

<ngx-serp-tabs [title]="title" [description]="description" [siteName]="siteName"
               [faviconUrl]="faviconUrl" [url]="url">
</ngx-serp-tabs>

Google Preview

<ngx-serp-google [title]="title" [description]="description" [siteName]="siteName" 
                 [url]="url" [faviconUrl]="faviconUrl">
</ngx-serp-google>

Mobile Google Preview

<ngx-serp-google-mobile [title]="title" [description]="description" [siteName]="siteName" 
                 [url]="url" [faviconUrl]="faviconUrl">
</ngx-serp-google-mobile>

Bing Preview

<ngx-serp-bing [title]="title" [description]="description" [url]="url">
</ngx-serp-bing>

Yahoo Preview

<ngx-serp-yahoo [title]="title" [description]="description" [url]="url">
</ngx-serp-yahoo>