Popular New Releases in Search Engine Optimization
next-seo
elderjs
v1.6.13
python-seo-analyzer
4.0.6
laravel-referer
1.8.0
django-meta
2.0.0
Popular Libraries in Search Engine Optimization
by garmeeh javascript
4706
MIT
Next SEO is a plug in that makes managing your SEO easier in Next.js projects.
by Elderjs typescript
1840
MIT
Elder.js is an opinionated static site generator and web framework for Svelte built with SEO in mind.
by mbenford javascript
1657
MIT
Tags input directive for AngularJS
by eyecatchup php
1356
MIT
SEOstats is a powerful open source PHP library to request a bunch of SEO relevant metrics.
by malchata html
1196
MIT
A fast, flexible, and small SEO-friendly lazy loader.
by prerender javascript
880
Express middleware for prerendering javascript-rendered pages on the fly for SEO
by square ruby
773
NOASSERTION
A simple way to serve up appropriate images for every visitor.
by sethblack python
680
NOASSERTION
An SEO tool that analyzes the structure of a site, crawls the site, count words in the body of the site and warns of any technical SEO issues.
by nuxt-community javascript
616
MIT
Sitemap Module for Nuxt
Trending New libraries in Search Engine Optimization
by Elderjs typescript
1840
MIT
Elder.js is an opinionated static site generator and web framework for Svelte built with SEO in mind.
by genderev javascript
418
MIT
Fast webpages for all browsers.
by StanGirard python
180
SEO & Security Audit for Websites. Lighthouse & Security Headers crawler, Sitemap/Keywords/Images Extractor, Summarizer, etc ...
by oekazuma javascript
146
MIT
Svelte Meta Tags is a plugin that makes managing your SEO easier in Svelte projects.
by archtechx php
124
MIT
SEO package for Laravel
by ankurparihar typescript
81
Apache-2.0
Google lighthouse stats of your website that you can put in readme
by sopify-bot java
68
seo,百度快排,搜狗快排,360快排,百度排名优化;基于java语言编写; 适用于360、百度、搜狗等快速排名,seo,排名优化等场景,其中包含快排关键参数、快排关键连接、点击的方式方法 并且经过实战测试,发现确实对排名起到很好的效果;其中搜狗更是隔天上首页;
by viasite javascript
63
Web service and CLI tool for SEO site audit: crawl site, lighthouse all pages, view public reports in browser. Also output to console, json, csv, xlsx, Google Drive.
by EndlessTrax python
54
MIT
Find your broken links, so users don't.
Top Authors in Search Engine Optimization
1
5 Libraries
506
2
4 Libraries
113
3
3 Libraries
6
4
3 Libraries
575
5
3 Libraries
1232
6
3 Libraries
9
7
3 Libraries
15
8
3 Libraries
30
9
3 Libraries
47
10
3 Libraries
63
1
5 Libraries
506
2
4 Libraries
113
3
3 Libraries
6
4
3 Libraries
575
5
3 Libraries
1232
6
3 Libraries
9
7
3 Libraries
15
8
3 Libraries
30
9
3 Libraries
47
10
3 Libraries
63
Trending Kits in Search Engine Optimization
No Trending Kits are available at this moment for Search Engine Optimization
Trending Discussions on Search Engine Optimization
Angular SSR with Universal and Ionic doesn't show actual data in page source
How to get prototype data from rss . file?
Vaadin 14 Flow and SEO, PWA
How to put <h1>, <h2> tags in legend of <p:fieldset>?
How to split a document in a list in python
How do i fix Upwork clone sliding page problem (JS)
Angular SEO how to correctly implement dynamic title and meta?
My WordPress featured image is not showing up on Facebook post and with Tweets
Need assistance with yes-or-no questions
Is there a way to fix javascript "touch" events firing twice on IOS devices? (Video example included)
QUESTION
Angular SSR with Universal and Ionic doesn't show actual data in page source
Asked 2021-Nov-07 at 19:31I have an Angular 11 project with nguniversal. My homepage is fetching data from services, internal (translation keys object) and external (an express node server to display a list of links). The backend domain is different from the frontend domain address.
The website is displayed correctly, but for some reason, the translations and list of links are not loaded initially when I inspect the page source. Also, the meta and title tags are not visible in the page source. Although they are working.
I believe this should be essential for Search Engine Optimization.
I am loading the language keys from an internal translation service, as observable into the app.component.ts. The translation service itself is dependent on a window service which waits for the browser to load, isPlatformBrowser. The window service is needed to simulate the window object on the server.
I also tried fetching the api data, before or after platform browser initializes, but with no success.
What else am I missing?
EDIT, part of the code. Not sure if I should include the whole project code here:
1"dependencies": {
2 "@angular/animations": "11.0.5",
3 "@angular/common": "~11.0.5",
4 "@angular/core": "~11.0.5",
5 "@angular/forms": "~11.0.5",
6 "@angular/platform-browser": "~11.0.5",
7 "@angular/platform-browser-dynamic": "~11.0.5",
8 "@angular/platform-server": "~11.0.5",
9 "@angular/router": "~11.0.5",
10 "@capacitor/core": "2.4.5",
11 "@ionic-native/core": "^5.0.0",
12 "@ionic-native/splash-screen": "^5.0.0",
13 "@ionic-native/status-bar": "^5.0.0",
14 "@ionic/angular": "^5.0.0",
15 "@nguniversal/express-engine": "11.0.1",
16 "@schematics/angular": "11.0.5",
17 "@types/memory-cache": "0.2.1",
18 "cors": "2.8.5",
19 "express": "^4.15.2",
20 "ion2-calendar": "3.5.0",
21 "leaflet": "1.7.1",
22 "memory-cache": "0.2.0",
23 "moment": "2.29.1",
24 "ng2-completer": "9.0.1",
25 "ng2-file-upload": "1.4.0",
26 "rxjs": "~6.5.5",
27 "socket.io-client": "4.1.2",
28 "tslib": "^2.0.0",
29 "url-search-params-polyfill": "8.1.0",
30 "zone.js": "~0.10.3"
31},
32"devDependencies": {
33 "@angular-devkit/build-angular": "~0.1100.5",
34 "@angular/cli": "~11.0.5",
35 "@angular/compiler": "~11.0.5",
36 "@angular/compiler-cli": "~11.0.5",
37 "@angular/language-service": "~11.0.5",
38 "@capacitor/cli": "2.4.5",
39 "@ionic/angular-server": "5.6.0-dev.202012021910.3a763f4",
40 "@ionic/angular-toolkit": "^2.3.0",
41 "@nguniversal/builders": "^11.0.1",
42 "@types/express": "^4.17.0",
43 "@types/jasmine": "~3.5.0",
44 "@types/jasminewd2": "~2.0.3",
45 "@types/node": "^12.11.1",
46 "codelyzer": "^6.0.0",
47 "jasmine-core": "~3.5.0",
48 "jasmine-spec-reporter": "~5.0.0",
49 "karma": "~5.1.1",
50 "karma-chrome-launcher": "~3.1.0",
51 "karma-coverage-istanbul-reporter": "~3.0.2",
52 "karma-jasmine": "~3.3.0",
53 "karma-jasmine-html-reporter": "^1.5.0",
54 "protractor": "~7.0.0",
55 "ts-node": "~8.3.0",
56 "tslint": "~6.1.0",
57 "typescript": "~4.0.5"
58
ANSWER
Answered 2021-Nov-07 at 19:31Actually I needed to implement a resolver for my component. So it waits for data to be fetched from a service.
This question actually helped with the implementation.
Some questions still remain, but it looks like a step in the right direction.
QUESTION
How to get prototype data from rss . file?
Asked 2021-Oct-05 at 04:07I have 1 rss file and I want to get the data including the html code from here. I tried with IMPORTFEED from Sheet but it doesn't display the html code as I want.
Here is my sample rss file:
1 <channel>
2<item>
3<title>5 Small Business Digital Marketing Tips | Donklephant</title>
4<link>https://www.google.com/url?rct=j&sa=t&url=https://donklephant.com/5-small-business-digital-marketing-tips/&ct=ga&cd=CAIyGjRkOWNlYjEwZThmZWEzYzk6Y29tOmVuOlVT&usg=AFQjCNG2rQuRDUiY_UppXg7LAt5uw1ZDXQ</link>
5<dc:identifier/>
6<pubDate>Sun, 03 Oct 2021 07:26:15 +0000</pubDate>
7<dc:creator/>
8<guid isPermaLink="true">https://www.google.com/url?rct=j&amp;sa=t&amp;url=https://donklephant.com/5-small-business-digital-marketing-tips/&amp;ct=ga&amp;cd=CAIyGjRkOWNlYjEwZThmZWEzYzk6Y29tOmVuOlVT&amp;usg=AFQjCNG2rQuRDUiY_UppXg7LAt5uw1ZDXQ</guid>
9<description>Getting leads and sales is sometimes more difficult than business owners expect. In fact, about 65% of businesses say it’s their biggest marketing challenge. With a strong digital marketing strategy, however, you don’t have to struggle. Here are five digital marketing tips that can set your...</description>
10<content:encoded><div><img src="https://donklephant.com/wp-content/uploads/2021/10/01425af1e662eeeada815f0cad2f9746.jpeg" class="ff-og-image-inserted"></div><p>Getting leads and sales is sometimes more difficult than business owners expect. In fact, about <a href="https://www.smallbizgenius.net/by-the-numbers/lead-nurturing-statistics/#gref">65% of businesses</a> say it’s their biggest marketing challenge. With a strong digital marketing strategy, however, you don’t have to struggle. </p> <p>Here are five digital marketing tips that can set your business up for growth and lasting success. With this digital marketing advice, you can get ahead of the competition. You can retain repeat customers to improve your ROI, too.</p> <p>Set your business up for growth this year. Develop your digital marketing plan with these five tips today. </p> <h2><span>1. Establish Brand Guidelines</span></h2> <p>A distinct brand will help your business stand out from the competition. Otherwise, consumers might not even realize you exist. Take the time to establish brand guidelines before developing your digital marketing plan.</p> <p>Your guidelines should outline your:</p> <ul> <li>Mission statement</li> <li>Vision statement</li> <li>Personality</li> <li>Voice</li> <li>Tone</li> <li>Color palette</li> <li>Photography/imagery styles</li> <li>Logo styles</li> <li>Font styles</li> </ul> <p>Make sure to maintain brand consistency as you use the rest of this digital marketing advice. Consistency will help awareness grow into recognition. People will start recognizing your materials through your visual brand. </p> <h2><span>2. Update Your Website</span></h2> <p>Take the time to update your website as well. An old, slow, outdated website could cost you customers.</p> <p>In fact, <a href="https://fitsmallbusiness.com/website-statistics/">38% of consumers</a> stop interacting with poorly designed websites. They might judge your credibility based on your site, too.</p> <p>Instead, update your website by following the latest user experience design trends. Make sure your site is fast and mobile-ready, too. </p> <p>You can learn how to get the most from your <a href="https://stephenholmes.co.uk/how-to-get-the-most-from-your-web-design/">web design</a> here.</p> <h2><span>3. Create Content</span></h2> <p>Once you update your website, add content creation to your digital marketing strategy. Then, optimize your content for search engine optimization (SEO).</p> <p>SEO will help people find your website when they search for your product or service online.</p> <h2><span>4. Gather and Nurture Leads</span></h2> <p>As you use these digital marketing tips, make sure you have a plan for generating leads.</p> <p>For example, you can add a form to your website. Consider using a chatbot or lead magnets as well.</p> <p>Once you start gathering leads, use business marketing strategies like email marketing to nurture them. Email marketing will help you remain top of mind. </p> <h2><span>5. Stay Social</span></h2> <p>Don’t neglect social media! Adding social media to your digital marketing plan will help you engage your target audience.</p> <p>Reformat your blog posts for social media. Once people comment on your posts, respond! Create two-way conversations and engage your customer.</p> <p>Otherwise, use influencer marketing to expand your reach online. </p> <p>Keep up-to-date with the latest trends, too. For example, video content is becoming more popular. AR and VR are gaining popularity, too.</p> <p>Keeping up with the trends will show consumers you’re relevant. </p> <h2><span>Get Growing: 5 Digital Marketing Tips for Your Small Business</span></h2> <p>Don’t let your digital marketing strategy grow stale. Instead, use these digital marketing tips to expand your reach online. With these tips, you can market your services and boost brand awareness.</p> <p>Start generating more leads and sales with these business marketing tips today.</p> <p>Hunting for more tips? You’ve come to the right place.</p> <p>Check out our latest guides for more useful advice. </p></content:encoded>
11</item>
12</channel>
13
And I want to get the data in content:encoded including the html tags:
1 <channel>
2<item>
3<title>5 Small Business Digital Marketing Tips | Donklephant</title>
4<link>https://www.google.com/url?rct=j&sa=t&url=https://donklephant.com/5-small-business-digital-marketing-tips/&ct=ga&cd=CAIyGjRkOWNlYjEwZThmZWEzYzk6Y29tOmVuOlVT&usg=AFQjCNG2rQuRDUiY_UppXg7LAt5uw1ZDXQ</link>
5<dc:identifier/>
6<pubDate>Sun, 03 Oct 2021 07:26:15 +0000</pubDate>
7<dc:creator/>
8<guid isPermaLink="true">https://www.google.com/url?rct=j&amp;sa=t&amp;url=https://donklephant.com/5-small-business-digital-marketing-tips/&amp;ct=ga&amp;cd=CAIyGjRkOWNlYjEwZThmZWEzYzk6Y29tOmVuOlVT&amp;usg=AFQjCNG2rQuRDUiY_UppXg7LAt5uw1ZDXQ</guid>
9<description>Getting leads and sales is sometimes more difficult than business owners expect. In fact, about 65% of businesses say it’s their biggest marketing challenge. With a strong digital marketing strategy, however, you don’t have to struggle. Here are five digital marketing tips that can set your...</description>
10<content:encoded><div><img src="https://donklephant.com/wp-content/uploads/2021/10/01425af1e662eeeada815f0cad2f9746.jpeg" class="ff-og-image-inserted"></div><p>Getting leads and sales is sometimes more difficult than business owners expect. In fact, about <a href="https://www.smallbizgenius.net/by-the-numbers/lead-nurturing-statistics/#gref">65% of businesses</a> say it’s their biggest marketing challenge. With a strong digital marketing strategy, however, you don’t have to struggle. </p> <p>Here are five digital marketing tips that can set your business up for growth and lasting success. With this digital marketing advice, you can get ahead of the competition. You can retain repeat customers to improve your ROI, too.</p> <p>Set your business up for growth this year. Develop your digital marketing plan with these five tips today. </p> <h2><span>1. Establish Brand Guidelines</span></h2> <p>A distinct brand will help your business stand out from the competition. Otherwise, consumers might not even realize you exist. Take the time to establish brand guidelines before developing your digital marketing plan.</p> <p>Your guidelines should outline your:</p> <ul> <li>Mission statement</li> <li>Vision statement</li> <li>Personality</li> <li>Voice</li> <li>Tone</li> <li>Color palette</li> <li>Photography/imagery styles</li> <li>Logo styles</li> <li>Font styles</li> </ul> <p>Make sure to maintain brand consistency as you use the rest of this digital marketing advice. Consistency will help awareness grow into recognition. People will start recognizing your materials through your visual brand. </p> <h2><span>2. Update Your Website</span></h2> <p>Take the time to update your website as well. An old, slow, outdated website could cost you customers.</p> <p>In fact, <a href="https://fitsmallbusiness.com/website-statistics/">38% of consumers</a> stop interacting with poorly designed websites. They might judge your credibility based on your site, too.</p> <p>Instead, update your website by following the latest user experience design trends. Make sure your site is fast and mobile-ready, too. </p> <p>You can learn how to get the most from your <a href="https://stephenholmes.co.uk/how-to-get-the-most-from-your-web-design/">web design</a> here.</p> <h2><span>3. Create Content</span></h2> <p>Once you update your website, add content creation to your digital marketing strategy. Then, optimize your content for search engine optimization (SEO).</p> <p>SEO will help people find your website when they search for your product or service online.</p> <h2><span>4. Gather and Nurture Leads</span></h2> <p>As you use these digital marketing tips, make sure you have a plan for generating leads.</p> <p>For example, you can add a form to your website. Consider using a chatbot or lead magnets as well.</p> <p>Once you start gathering leads, use business marketing strategies like email marketing to nurture them. Email marketing will help you remain top of mind. </p> <h2><span>5. Stay Social</span></h2> <p>Don’t neglect social media! Adding social media to your digital marketing plan will help you engage your target audience.</p> <p>Reformat your blog posts for social media. Once people comment on your posts, respond! Create two-way conversations and engage your customer.</p> <p>Otherwise, use influencer marketing to expand your reach online. </p> <p>Keep up-to-date with the latest trends, too. For example, video content is becoming more popular. AR and VR are gaining popularity, too.</p> <p>Keeping up with the trends will show consumers you’re relevant. </p> <h2><span>Get Growing: 5 Digital Marketing Tips for Your Small Business</span></h2> <p>Don’t let your digital marketing strategy grow stale. Instead, use these digital marketing tips to expand your reach online. With these tips, you can market your services and boost brand awareness.</p> <p>Start generating more leads and sales with these business marketing tips today.</p> <p>Hunting for more tips? You’ve come to the right place.</p> <p>Check out our latest guides for more useful advice. </p></content:encoded>
11</item>
12</channel>
13<img src="https://donklephant.com/wp-content/uploads/2021/10/01425af1e662eeeada815f0cad2f9746.jpeg" class="ff-og-image-inserted"></div><p>Getting leads and sales is sometimes more difficult than business owners expect. In fact, about <a href="https://www.smallbizgenius.net/by-the-numbers/lead-nurturing-statistics/#gref">65% of businesses</a> say it’s their biggest marketing challenge. With a strong digital marketing strategy, however, you don’t have to struggle. </p> <p>Here are five digital marketing tips that can set your business up for growth and lasting success. With this digital marketing advice, you can get ahead of the competition. You can retain repeat customers to improve your ROI, too.</p> <p>Set your business up for growth this year. Develop your digital marketing plan with these five tips today. </p> <h2><span>1. Establish Brand Guidelines</span></h2> <p>A distinct brand will help your business stand out from the competition. Otherwise, consumers might not even realize you exist. Take the time to establish brand guidelines before developing your digital marketing plan.</p> <p>Your guidelines should outline your:</p> <ul> <li>Mission statement</li> <li>Vision statement</li> <li>Personality</li> <li>Voice</li> <li>Tone</li> <li>Color palette</li> <li>Photography/imagery styles</li> <li>Logo styles</li> <li>Font styles</li> </ul> <p>Make sure to maintain brand consistency as you use the rest of this digital marketing advice. Consistency will help awareness grow into recognition. People will start recognizing your materials through your visual brand. </p> <h2><span>2. Update Your Website</span></h2> <p>Take the time to update your website as well. An old, slow, outdated website could cost you customers.</p> <p>In fact, <a href="https://fitsmallbusiness.com/website-statistics/">38% of consumers</a> stop interacting with poorly designed websites. They might judge your credibility based on your site, too.</p> <p>Instead, update your website by following the latest user experience design trends. Make sure your site is fast and mobile-ready, too. </p> <p>You can learn how to get the most from your <a href="https://stephenholmes.co.uk/how-to-get-the-most-from-your-web-design/">web design</a> here.</p> <h2><span>3. Create Content</span></h2> <p>Once you update your website, add content creation to your digital marketing strategy. Then, optimize your content for search engine optimization (SEO).</p> <p>SEO will help people find your website when they search for your product or service online.</p> <h2><span>4. Gather and Nurture Leads</span></h2> <p>As you use these digital marketing tips, make sure you have a plan for generating leads.</p> <p>For example, you can add a form to your website. Consider using a chatbot or lead magnets as well.</p> <p>Once you start gathering leads, use business marketing strategies like email marketing to nurture them. Email marketing will help you remain top of mind. </p> <h2><span>5. Stay Social</span></h2> <p>Don’t neglect social media! Adding social media to your digital marketing plan will help you engage your target audience.</p> <p>Reformat your blog posts for social media. Once people comment on your posts, respond! Create two-way conversations and engage your customer.</p> <p>Otherwise, use influencer marketing to expand your reach online. </p> <p>Keep up-to-date with the latest trends, too. For example, video content is becoming more popular. AR and VR are gaining popularity, too.</p> <p>Keeping up with the trends will show consumers you’re relevant. </p> <h2><span>Get Growing: 5 Digital Marketing Tips for Your Small Business</span></h2> <p>Don’t let your digital marketing strategy grow stale. Instead, use these digital marketing tips to expand your reach online. With these tips, you can market your services and boost brand awareness.</p> <p>Start generating more leads and sales with these business marketing tips today.</p> <p>Hunting for more tips? You’ve come to the right place.</p> <p>Check out our latest guides for more useful advice. </p>
14
Please help me!
Update: @Tanaike Below is my RSS URL. It has many items.
1 <channel>
2<item>
3<title>5 Small Business Digital Marketing Tips | Donklephant</title>
4<link>https://www.google.com/url?rct=j&sa=t&url=https://donklephant.com/5-small-business-digital-marketing-tips/&ct=ga&cd=CAIyGjRkOWNlYjEwZThmZWEzYzk6Y29tOmVuOlVT&usg=AFQjCNG2rQuRDUiY_UppXg7LAt5uw1ZDXQ</link>
5<dc:identifier/>
6<pubDate>Sun, 03 Oct 2021 07:26:15 +0000</pubDate>
7<dc:creator/>
8<guid isPermaLink="true">https://www.google.com/url?rct=j&amp;sa=t&amp;url=https://donklephant.com/5-small-business-digital-marketing-tips/&amp;ct=ga&amp;cd=CAIyGjRkOWNlYjEwZThmZWEzYzk6Y29tOmVuOlVT&amp;usg=AFQjCNG2rQuRDUiY_UppXg7LAt5uw1ZDXQ</guid>
9<description>Getting leads and sales is sometimes more difficult than business owners expect. In fact, about 65% of businesses say it’s their biggest marketing challenge. With a strong digital marketing strategy, however, you don’t have to struggle. Here are five digital marketing tips that can set your...</description>
10<content:encoded><div><img src="https://donklephant.com/wp-content/uploads/2021/10/01425af1e662eeeada815f0cad2f9746.jpeg" class="ff-og-image-inserted"></div><p>Getting leads and sales is sometimes more difficult than business owners expect. In fact, about <a href="https://www.smallbizgenius.net/by-the-numbers/lead-nurturing-statistics/#gref">65% of businesses</a> say it’s their biggest marketing challenge. With a strong digital marketing strategy, however, you don’t have to struggle. </p> <p>Here are five digital marketing tips that can set your business up for growth and lasting success. With this digital marketing advice, you can get ahead of the competition. You can retain repeat customers to improve your ROI, too.</p> <p>Set your business up for growth this year. Develop your digital marketing plan with these five tips today. </p> <h2><span>1. Establish Brand Guidelines</span></h2> <p>A distinct brand will help your business stand out from the competition. Otherwise, consumers might not even realize you exist. Take the time to establish brand guidelines before developing your digital marketing plan.</p> <p>Your guidelines should outline your:</p> <ul> <li>Mission statement</li> <li>Vision statement</li> <li>Personality</li> <li>Voice</li> <li>Tone</li> <li>Color palette</li> <li>Photography/imagery styles</li> <li>Logo styles</li> <li>Font styles</li> </ul> <p>Make sure to maintain brand consistency as you use the rest of this digital marketing advice. Consistency will help awareness grow into recognition. People will start recognizing your materials through your visual brand. </p> <h2><span>2. Update Your Website</span></h2> <p>Take the time to update your website as well. An old, slow, outdated website could cost you customers.</p> <p>In fact, <a href="https://fitsmallbusiness.com/website-statistics/">38% of consumers</a> stop interacting with poorly designed websites. They might judge your credibility based on your site, too.</p> <p>Instead, update your website by following the latest user experience design trends. Make sure your site is fast and mobile-ready, too. </p> <p>You can learn how to get the most from your <a href="https://stephenholmes.co.uk/how-to-get-the-most-from-your-web-design/">web design</a> here.</p> <h2><span>3. Create Content</span></h2> <p>Once you update your website, add content creation to your digital marketing strategy. Then, optimize your content for search engine optimization (SEO).</p> <p>SEO will help people find your website when they search for your product or service online.</p> <h2><span>4. Gather and Nurture Leads</span></h2> <p>As you use these digital marketing tips, make sure you have a plan for generating leads.</p> <p>For example, you can add a form to your website. Consider using a chatbot or lead magnets as well.</p> <p>Once you start gathering leads, use business marketing strategies like email marketing to nurture them. Email marketing will help you remain top of mind. </p> <h2><span>5. Stay Social</span></h2> <p>Don’t neglect social media! Adding social media to your digital marketing plan will help you engage your target audience.</p> <p>Reformat your blog posts for social media. Once people comment on your posts, respond! Create two-way conversations and engage your customer.</p> <p>Otherwise, use influencer marketing to expand your reach online. </p> <p>Keep up-to-date with the latest trends, too. For example, video content is becoming more popular. AR and VR are gaining popularity, too.</p> <p>Keeping up with the trends will show consumers you’re relevant. </p> <h2><span>Get Growing: 5 Digital Marketing Tips for Your Small Business</span></h2> <p>Don’t let your digital marketing strategy grow stale. Instead, use these digital marketing tips to expand your reach online. With these tips, you can market your services and boost brand awareness.</p> <p>Start generating more leads and sales with these business marketing tips today.</p> <p>Hunting for more tips? You’ve come to the right place.</p> <p>Check out our latest guides for more useful advice. </p></content:encoded>
11</item>
12</channel>
13<img src="https://donklephant.com/wp-content/uploads/2021/10/01425af1e662eeeada815f0cad2f9746.jpeg" class="ff-og-image-inserted"></div><p>Getting leads and sales is sometimes more difficult than business owners expect. In fact, about <a href="https://www.smallbizgenius.net/by-the-numbers/lead-nurturing-statistics/#gref">65% of businesses</a> say it’s their biggest marketing challenge. With a strong digital marketing strategy, however, you don’t have to struggle. </p> <p>Here are five digital marketing tips that can set your business up for growth and lasting success. With this digital marketing advice, you can get ahead of the competition. You can retain repeat customers to improve your ROI, too.</p> <p>Set your business up for growth this year. Develop your digital marketing plan with these five tips today. </p> <h2><span>1. Establish Brand Guidelines</span></h2> <p>A distinct brand will help your business stand out from the competition. Otherwise, consumers might not even realize you exist. Take the time to establish brand guidelines before developing your digital marketing plan.</p> <p>Your guidelines should outline your:</p> <ul> <li>Mission statement</li> <li>Vision statement</li> <li>Personality</li> <li>Voice</li> <li>Tone</li> <li>Color palette</li> <li>Photography/imagery styles</li> <li>Logo styles</li> <li>Font styles</li> </ul> <p>Make sure to maintain brand consistency as you use the rest of this digital marketing advice. Consistency will help awareness grow into recognition. People will start recognizing your materials through your visual brand. </p> <h2><span>2. Update Your Website</span></h2> <p>Take the time to update your website as well. An old, slow, outdated website could cost you customers.</p> <p>In fact, <a href="https://fitsmallbusiness.com/website-statistics/">38% of consumers</a> stop interacting with poorly designed websites. They might judge your credibility based on your site, too.</p> <p>Instead, update your website by following the latest user experience design trends. Make sure your site is fast and mobile-ready, too. </p> <p>You can learn how to get the most from your <a href="https://stephenholmes.co.uk/how-to-get-the-most-from-your-web-design/">web design</a> here.</p> <h2><span>3. Create Content</span></h2> <p>Once you update your website, add content creation to your digital marketing strategy. Then, optimize your content for search engine optimization (SEO).</p> <p>SEO will help people find your website when they search for your product or service online.</p> <h2><span>4. Gather and Nurture Leads</span></h2> <p>As you use these digital marketing tips, make sure you have a plan for generating leads.</p> <p>For example, you can add a form to your website. Consider using a chatbot or lead magnets as well.</p> <p>Once you start gathering leads, use business marketing strategies like email marketing to nurture them. Email marketing will help you remain top of mind. </p> <h2><span>5. Stay Social</span></h2> <p>Don’t neglect social media! Adding social media to your digital marketing plan will help you engage your target audience.</p> <p>Reformat your blog posts for social media. Once people comment on your posts, respond! Create two-way conversations and engage your customer.</p> <p>Otherwise, use influencer marketing to expand your reach online. </p> <p>Keep up-to-date with the latest trends, too. For example, video content is becoming more popular. AR and VR are gaining popularity, too.</p> <p>Keeping up with the trends will show consumers you’re relevant. </p> <h2><span>Get Growing: 5 Digital Marketing Tips for Your Small Business</span></h2> <p>Don’t let your digital marketing strategy grow stale. Instead, use these digital marketing tips to expand your reach online. With these tips, you can market your services and boost brand awareness.</p> <p>Start generating more leads and sales with these business marketing tips today.</p> <p>Hunting for more tips? You’ve come to the right place.</p> <p>Check out our latest guides for more useful advice. </p>
14https://cdn.feedcontrol.net/1830/2857-8L5Ntr0N5l5Xf.xml
15
My real intent is to get the <title>
and <content:encoded>
of each item to create a Google Docs file. And I want that Docs file to keep its structure.
So I tried with your help but it doesn't work as I wanted.
1 <channel>
2<item>
3<title>5 Small Business Digital Marketing Tips | Donklephant</title>
4<link>https://www.google.com/url?rct=j&sa=t&url=https://donklephant.com/5-small-business-digital-marketing-tips/&ct=ga&cd=CAIyGjRkOWNlYjEwZThmZWEzYzk6Y29tOmVuOlVT&usg=AFQjCNG2rQuRDUiY_UppXg7LAt5uw1ZDXQ</link>
5<dc:identifier/>
6<pubDate>Sun, 03 Oct 2021 07:26:15 +0000</pubDate>
7<dc:creator/>
8<guid isPermaLink="true">https://www.google.com/url?rct=j&amp;sa=t&amp;url=https://donklephant.com/5-small-business-digital-marketing-tips/&amp;ct=ga&amp;cd=CAIyGjRkOWNlYjEwZThmZWEzYzk6Y29tOmVuOlVT&amp;usg=AFQjCNG2rQuRDUiY_UppXg7LAt5uw1ZDXQ</guid>
9<description>Getting leads and sales is sometimes more difficult than business owners expect. In fact, about 65% of businesses say it’s their biggest marketing challenge. With a strong digital marketing strategy, however, you don’t have to struggle. Here are five digital marketing tips that can set your...</description>
10<content:encoded><div><img src="https://donklephant.com/wp-content/uploads/2021/10/01425af1e662eeeada815f0cad2f9746.jpeg" class="ff-og-image-inserted"></div><p>Getting leads and sales is sometimes more difficult than business owners expect. In fact, about <a href="https://www.smallbizgenius.net/by-the-numbers/lead-nurturing-statistics/#gref">65% of businesses</a> say it’s their biggest marketing challenge. With a strong digital marketing strategy, however, you don’t have to struggle. </p> <p>Here are five digital marketing tips that can set your business up for growth and lasting success. With this digital marketing advice, you can get ahead of the competition. You can retain repeat customers to improve your ROI, too.</p> <p>Set your business up for growth this year. Develop your digital marketing plan with these five tips today. </p> <h2><span>1. Establish Brand Guidelines</span></h2> <p>A distinct brand will help your business stand out from the competition. Otherwise, consumers might not even realize you exist. Take the time to establish brand guidelines before developing your digital marketing plan.</p> <p>Your guidelines should outline your:</p> <ul> <li>Mission statement</li> <li>Vision statement</li> <li>Personality</li> <li>Voice</li> <li>Tone</li> <li>Color palette</li> <li>Photography/imagery styles</li> <li>Logo styles</li> <li>Font styles</li> </ul> <p>Make sure to maintain brand consistency as you use the rest of this digital marketing advice. Consistency will help awareness grow into recognition. People will start recognizing your materials through your visual brand. </p> <h2><span>2. Update Your Website</span></h2> <p>Take the time to update your website as well. An old, slow, outdated website could cost you customers.</p> <p>In fact, <a href="https://fitsmallbusiness.com/website-statistics/">38% of consumers</a> stop interacting with poorly designed websites. They might judge your credibility based on your site, too.</p> <p>Instead, update your website by following the latest user experience design trends. Make sure your site is fast and mobile-ready, too. </p> <p>You can learn how to get the most from your <a href="https://stephenholmes.co.uk/how-to-get-the-most-from-your-web-design/">web design</a> here.</p> <h2><span>3. Create Content</span></h2> <p>Once you update your website, add content creation to your digital marketing strategy. Then, optimize your content for search engine optimization (SEO).</p> <p>SEO will help people find your website when they search for your product or service online.</p> <h2><span>4. Gather and Nurture Leads</span></h2> <p>As you use these digital marketing tips, make sure you have a plan for generating leads.</p> <p>For example, you can add a form to your website. Consider using a chatbot or lead magnets as well.</p> <p>Once you start gathering leads, use business marketing strategies like email marketing to nurture them. Email marketing will help you remain top of mind. </p> <h2><span>5. Stay Social</span></h2> <p>Don’t neglect social media! Adding social media to your digital marketing plan will help you engage your target audience.</p> <p>Reformat your blog posts for social media. Once people comment on your posts, respond! Create two-way conversations and engage your customer.</p> <p>Otherwise, use influencer marketing to expand your reach online. </p> <p>Keep up-to-date with the latest trends, too. For example, video content is becoming more popular. AR and VR are gaining popularity, too.</p> <p>Keeping up with the trends will show consumers you’re relevant. </p> <h2><span>Get Growing: 5 Digital Marketing Tips for Your Small Business</span></h2> <p>Don’t let your digital marketing strategy grow stale. Instead, use these digital marketing tips to expand your reach online. With these tips, you can market your services and boost brand awareness.</p> <p>Start generating more leads and sales with these business marketing tips today.</p> <p>Hunting for more tips? You’ve come to the right place.</p> <p>Check out our latest guides for more useful advice. </p></content:encoded>
11</item>
12</channel>
13<img src="https://donklephant.com/wp-content/uploads/2021/10/01425af1e662eeeada815f0cad2f9746.jpeg" class="ff-og-image-inserted"></div><p>Getting leads and sales is sometimes more difficult than business owners expect. In fact, about <a href="https://www.smallbizgenius.net/by-the-numbers/lead-nurturing-statistics/#gref">65% of businesses</a> say it’s their biggest marketing challenge. With a strong digital marketing strategy, however, you don’t have to struggle. </p> <p>Here are five digital marketing tips that can set your business up for growth and lasting success. With this digital marketing advice, you can get ahead of the competition. You can retain repeat customers to improve your ROI, too.</p> <p>Set your business up for growth this year. Develop your digital marketing plan with these five tips today. </p> <h2><span>1. Establish Brand Guidelines</span></h2> <p>A distinct brand will help your business stand out from the competition. Otherwise, consumers might not even realize you exist. Take the time to establish brand guidelines before developing your digital marketing plan.</p> <p>Your guidelines should outline your:</p> <ul> <li>Mission statement</li> <li>Vision statement</li> <li>Personality</li> <li>Voice</li> <li>Tone</li> <li>Color palette</li> <li>Photography/imagery styles</li> <li>Logo styles</li> <li>Font styles</li> </ul> <p>Make sure to maintain brand consistency as you use the rest of this digital marketing advice. Consistency will help awareness grow into recognition. People will start recognizing your materials through your visual brand. </p> <h2><span>2. Update Your Website</span></h2> <p>Take the time to update your website as well. An old, slow, outdated website could cost you customers.</p> <p>In fact, <a href="https://fitsmallbusiness.com/website-statistics/">38% of consumers</a> stop interacting with poorly designed websites. They might judge your credibility based on your site, too.</p> <p>Instead, update your website by following the latest user experience design trends. Make sure your site is fast and mobile-ready, too. </p> <p>You can learn how to get the most from your <a href="https://stephenholmes.co.uk/how-to-get-the-most-from-your-web-design/">web design</a> here.</p> <h2><span>3. Create Content</span></h2> <p>Once you update your website, add content creation to your digital marketing strategy. Then, optimize your content for search engine optimization (SEO).</p> <p>SEO will help people find your website when they search for your product or service online.</p> <h2><span>4. Gather and Nurture Leads</span></h2> <p>As you use these digital marketing tips, make sure you have a plan for generating leads.</p> <p>For example, you can add a form to your website. Consider using a chatbot or lead magnets as well.</p> <p>Once you start gathering leads, use business marketing strategies like email marketing to nurture them. Email marketing will help you remain top of mind. </p> <h2><span>5. Stay Social</span></h2> <p>Don’t neglect social media! Adding social media to your digital marketing plan will help you engage your target audience.</p> <p>Reformat your blog posts for social media. Once people comment on your posts, respond! Create two-way conversations and engage your customer.</p> <p>Otherwise, use influencer marketing to expand your reach online. </p> <p>Keep up-to-date with the latest trends, too. For example, video content is becoming more popular. AR and VR are gaining popularity, too.</p> <p>Keeping up with the trends will show consumers you’re relevant. </p> <h2><span>Get Growing: 5 Digital Marketing Tips for Your Small Business</span></h2> <p>Don’t let your digital marketing strategy grow stale. Instead, use these digital marketing tips to expand your reach online. With these tips, you can market your services and boost brand awareness.</p> <p>Start generating more leads and sales with these business marketing tips today.</p> <p>Hunting for more tips? You’ve come to the right place.</p> <p>Check out our latest guides for more useful advice. </p>
14https://cdn.feedcontrol.net/1830/2857-8L5Ntr0N5l5Xf.xml
15 function myFunction() {
16 const url = "https://cdn.feedcontrol.net/1830/2857-8L5Ntr0N5l5Xf.xml"; // Please set URL.
17
18 const data = UrlFetchApp.fetch(url).getContentText();
19 const res = data.match(/<content:encoded>([\s\S\w]+)<\/content:encoded>/);
20 Logger.log(res)
21 if (res) {
22 var blob1 = Utilities.newBlob("").setDataFromString(res[1], "UTF-8").setContentType("text/html");
23 Drive.Files.insert({title: "TEST"}, blob1, {convert: true});
24 //DriveApp.createFile("sample.html", res[1], MimeType.HTML);
25 }
26 }
27
Looking forward to your help.
ANSWER
Answered 2021-Oct-05 at 04:07I believe your goal as follows.
- You have a file on Google Drive.
- You want to retrieve the value of
###
of<content:encoded>###</content:encoded>
using Google Apps Script.
When I tested your data, unfortunately, the data couldn't be parsed by XmlService because of a parsed error. So in this answer, I used the regex for retrieving the value you need. The sample script is as follows.
Sample script:1 <channel>
2<item>
3<title>5 Small Business Digital Marketing Tips | Donklephant</title>
4<link>https://www.google.com/url?rct=j&sa=t&url=https://donklephant.com/5-small-business-digital-marketing-tips/&ct=ga&cd=CAIyGjRkOWNlYjEwZThmZWEzYzk6Y29tOmVuOlVT&usg=AFQjCNG2rQuRDUiY_UppXg7LAt5uw1ZDXQ</link>
5<dc:identifier/>
6<pubDate>Sun, 03 Oct 2021 07:26:15 +0000</pubDate>
7<dc:creator/>
8<guid isPermaLink="true">https://www.google.com/url?rct=j&amp;sa=t&amp;url=https://donklephant.com/5-small-business-digital-marketing-tips/&amp;ct=ga&amp;cd=CAIyGjRkOWNlYjEwZThmZWEzYzk6Y29tOmVuOlVT&amp;usg=AFQjCNG2rQuRDUiY_UppXg7LAt5uw1ZDXQ</guid>
9<description>Getting leads and sales is sometimes more difficult than business owners expect. In fact, about 65% of businesses say it’s their biggest marketing challenge. With a strong digital marketing strategy, however, you don’t have to struggle. Here are five digital marketing tips that can set your...</description>
10<content:encoded><div><img src="https://donklephant.com/wp-content/uploads/2021/10/01425af1e662eeeada815f0cad2f9746.jpeg" class="ff-og-image-inserted"></div><p>Getting leads and sales is sometimes more difficult than business owners expect. In fact, about <a href="https://www.smallbizgenius.net/by-the-numbers/lead-nurturing-statistics/#gref">65% of businesses</a> say it’s their biggest marketing challenge. With a strong digital marketing strategy, however, you don’t have to struggle. </p> <p>Here are five digital marketing tips that can set your business up for growth and lasting success. With this digital marketing advice, you can get ahead of the competition. You can retain repeat customers to improve your ROI, too.</p> <p>Set your business up for growth this year. Develop your digital marketing plan with these five tips today. </p> <h2><span>1. Establish Brand Guidelines</span></h2> <p>A distinct brand will help your business stand out from the competition. Otherwise, consumers might not even realize you exist. Take the time to establish brand guidelines before developing your digital marketing plan.</p> <p>Your guidelines should outline your:</p> <ul> <li>Mission statement</li> <li>Vision statement</li> <li>Personality</li> <li>Voice</li> <li>Tone</li> <li>Color palette</li> <li>Photography/imagery styles</li> <li>Logo styles</li> <li>Font styles</li> </ul> <p>Make sure to maintain brand consistency as you use the rest of this digital marketing advice. Consistency will help awareness grow into recognition. People will start recognizing your materials through your visual brand. </p> <h2><span>2. Update Your Website</span></h2> <p>Take the time to update your website as well. An old, slow, outdated website could cost you customers.</p> <p>In fact, <a href="https://fitsmallbusiness.com/website-statistics/">38% of consumers</a> stop interacting with poorly designed websites. They might judge your credibility based on your site, too.</p> <p>Instead, update your website by following the latest user experience design trends. Make sure your site is fast and mobile-ready, too. </p> <p>You can learn how to get the most from your <a href="https://stephenholmes.co.uk/how-to-get-the-most-from-your-web-design/">web design</a> here.</p> <h2><span>3. Create Content</span></h2> <p>Once you update your website, add content creation to your digital marketing strategy. Then, optimize your content for search engine optimization (SEO).</p> <p>SEO will help people find your website when they search for your product or service online.</p> <h2><span>4. Gather and Nurture Leads</span></h2> <p>As you use these digital marketing tips, make sure you have a plan for generating leads.</p> <p>For example, you can add a form to your website. Consider using a chatbot or lead magnets as well.</p> <p>Once you start gathering leads, use business marketing strategies like email marketing to nurture them. Email marketing will help you remain top of mind. </p> <h2><span>5. Stay Social</span></h2> <p>Don’t neglect social media! Adding social media to your digital marketing plan will help you engage your target audience.</p> <p>Reformat your blog posts for social media. Once people comment on your posts, respond! Create two-way conversations and engage your customer.</p> <p>Otherwise, use influencer marketing to expand your reach online. </p> <p>Keep up-to-date with the latest trends, too. For example, video content is becoming more popular. AR and VR are gaining popularity, too.</p> <p>Keeping up with the trends will show consumers you’re relevant. </p> <h2><span>Get Growing: 5 Digital Marketing Tips for Your Small Business</span></h2> <p>Don’t let your digital marketing strategy grow stale. Instead, use these digital marketing tips to expand your reach online. With these tips, you can market your services and boost brand awareness.</p> <p>Start generating more leads and sales with these business marketing tips today.</p> <p>Hunting for more tips? You’ve come to the right place.</p> <p>Check out our latest guides for more useful advice. </p></content:encoded>
11</item>
12</channel>
13<img src="https://donklephant.com/wp-content/uploads/2021/10/01425af1e662eeeada815f0cad2f9746.jpeg" class="ff-og-image-inserted"></div><p>Getting leads and sales is sometimes more difficult than business owners expect. In fact, about <a href="https://www.smallbizgenius.net/by-the-numbers/lead-nurturing-statistics/#gref">65% of businesses</a> say it’s their biggest marketing challenge. With a strong digital marketing strategy, however, you don’t have to struggle. </p> <p>Here are five digital marketing tips that can set your business up for growth and lasting success. With this digital marketing advice, you can get ahead of the competition. You can retain repeat customers to improve your ROI, too.</p> <p>Set your business up for growth this year. Develop your digital marketing plan with these five tips today. </p> <h2><span>1. Establish Brand Guidelines</span></h2> <p>A distinct brand will help your business stand out from the competition. Otherwise, consumers might not even realize you exist. Take the time to establish brand guidelines before developing your digital marketing plan.</p> <p>Your guidelines should outline your:</p> <ul> <li>Mission statement</li> <li>Vision statement</li> <li>Personality</li> <li>Voice</li> <li>Tone</li> <li>Color palette</li> <li>Photography/imagery styles</li> <li>Logo styles</li> <li>Font styles</li> </ul> <p>Make sure to maintain brand consistency as you use the rest of this digital marketing advice. Consistency will help awareness grow into recognition. People will start recognizing your materials through your visual brand. </p> <h2><span>2. Update Your Website</span></h2> <p>Take the time to update your website as well. An old, slow, outdated website could cost you customers.</p> <p>In fact, <a href="https://fitsmallbusiness.com/website-statistics/">38% of consumers</a> stop interacting with poorly designed websites. They might judge your credibility based on your site, too.</p> <p>Instead, update your website by following the latest user experience design trends. Make sure your site is fast and mobile-ready, too. </p> <p>You can learn how to get the most from your <a href="https://stephenholmes.co.uk/how-to-get-the-most-from-your-web-design/">web design</a> here.</p> <h2><span>3. Create Content</span></h2> <p>Once you update your website, add content creation to your digital marketing strategy. Then, optimize your content for search engine optimization (SEO).</p> <p>SEO will help people find your website when they search for your product or service online.</p> <h2><span>4. Gather and Nurture Leads</span></h2> <p>As you use these digital marketing tips, make sure you have a plan for generating leads.</p> <p>For example, you can add a form to your website. Consider using a chatbot or lead magnets as well.</p> <p>Once you start gathering leads, use business marketing strategies like email marketing to nurture them. Email marketing will help you remain top of mind. </p> <h2><span>5. Stay Social</span></h2> <p>Don’t neglect social media! Adding social media to your digital marketing plan will help you engage your target audience.</p> <p>Reformat your blog posts for social media. Once people comment on your posts, respond! Create two-way conversations and engage your customer.</p> <p>Otherwise, use influencer marketing to expand your reach online. </p> <p>Keep up-to-date with the latest trends, too. For example, video content is becoming more popular. AR and VR are gaining popularity, too.</p> <p>Keeping up with the trends will show consumers you’re relevant. </p> <h2><span>Get Growing: 5 Digital Marketing Tips for Your Small Business</span></h2> <p>Don’t let your digital marketing strategy grow stale. Instead, use these digital marketing tips to expand your reach online. With these tips, you can market your services and boost brand awareness.</p> <p>Start generating more leads and sales with these business marketing tips today.</p> <p>Hunting for more tips? You’ve come to the right place.</p> <p>Check out our latest guides for more useful advice. </p>
14https://cdn.feedcontrol.net/1830/2857-8L5Ntr0N5l5Xf.xml
15 function myFunction() {
16 const url = "https://cdn.feedcontrol.net/1830/2857-8L5Ntr0N5l5Xf.xml"; // Please set URL.
17
18 const data = UrlFetchApp.fetch(url).getContentText();
19 const res = data.match(/<content:encoded>([\s\S\w]+)<\/content:encoded>/);
20 Logger.log(res)
21 if (res) {
22 var blob1 = Utilities.newBlob("").setDataFromString(res[1], "UTF-8").setContentType("text/html");
23 Drive.Files.insert({title: "TEST"}, blob1, {convert: true});
24 //DriveApp.createFile("sample.html", res[1], MimeType.HTML);
25 }
26 }
27function myFunction() {
28 const fileId = "###"; // Please set the file ID of the file including the data.
29
30 const data = DriveApp.getFileById(fileId).getBlob().getDataAsString();
31 const res = data.match(/<content:encoded>([\s\S\w]+)<\/content:encoded>/);
32 if (res) {
33 DriveApp.createFile("sample.html", res[1], MimeType.HTML);
34 }
35}
36
When this script is run, the file including the data is opened and retrieved the data, and the value of
###
of<content:encoded>###</content:encoded>
is retrieved. And then, the retrieved data is outputted as a HTML file to the root folder.If your data is required to be retrieved from the web site, please modify
data
as follows.
1 <channel>
2<item>
3<title>5 Small Business Digital Marketing Tips | Donklephant</title>
4<link>https://www.google.com/url?rct=j&sa=t&url=https://donklephant.com/5-small-business-digital-marketing-tips/&ct=ga&cd=CAIyGjRkOWNlYjEwZThmZWEzYzk6Y29tOmVuOlVT&usg=AFQjCNG2rQuRDUiY_UppXg7LAt5uw1ZDXQ</link>
5<dc:identifier/>
6<pubDate>Sun, 03 Oct 2021 07:26:15 +0000</pubDate>
7<dc:creator/>
8<guid isPermaLink="true">https://www.google.com/url?rct=j&amp;sa=t&amp;url=https://donklephant.com/5-small-business-digital-marketing-tips/&amp;ct=ga&amp;cd=CAIyGjRkOWNlYjEwZThmZWEzYzk6Y29tOmVuOlVT&amp;usg=AFQjCNG2rQuRDUiY_UppXg7LAt5uw1ZDXQ</guid>
9<description>Getting leads and sales is sometimes more difficult than business owners expect. In fact, about 65% of businesses say it’s their biggest marketing challenge. With a strong digital marketing strategy, however, you don’t have to struggle. Here are five digital marketing tips that can set your...</description>
10<content:encoded><div><img src="https://donklephant.com/wp-content/uploads/2021/10/01425af1e662eeeada815f0cad2f9746.jpeg" class="ff-og-image-inserted"></div><p>Getting leads and sales is sometimes more difficult than business owners expect. In fact, about <a href="https://www.smallbizgenius.net/by-the-numbers/lead-nurturing-statistics/#gref">65% of businesses</a> say it’s their biggest marketing challenge. With a strong digital marketing strategy, however, you don’t have to struggle. </p> <p>Here are five digital marketing tips that can set your business up for growth and lasting success. With this digital marketing advice, you can get ahead of the competition. You can retain repeat customers to improve your ROI, too.</p> <p>Set your business up for growth this year. Develop your digital marketing plan with these five tips today. </p> <h2><span>1. Establish Brand Guidelines</span></h2> <p>A distinct brand will help your business stand out from the competition. Otherwise, consumers might not even realize you exist. Take the time to establish brand guidelines before developing your digital marketing plan.</p> <p>Your guidelines should outline your:</p> <ul> <li>Mission statement</li> <li>Vision statement</li> <li>Personality</li> <li>Voice</li> <li>Tone</li> <li>Color palette</li> <li>Photography/imagery styles</li> <li>Logo styles</li> <li>Font styles</li> </ul> <p>Make sure to maintain brand consistency as you use the rest of this digital marketing advice. Consistency will help awareness grow into recognition. People will start recognizing your materials through your visual brand. </p> <h2><span>2. Update Your Website</span></h2> <p>Take the time to update your website as well. An old, slow, outdated website could cost you customers.</p> <p>In fact, <a href="https://fitsmallbusiness.com/website-statistics/">38% of consumers</a> stop interacting with poorly designed websites. They might judge your credibility based on your site, too.</p> <p>Instead, update your website by following the latest user experience design trends. Make sure your site is fast and mobile-ready, too. </p> <p>You can learn how to get the most from your <a href="https://stephenholmes.co.uk/how-to-get-the-most-from-your-web-design/">web design</a> here.</p> <h2><span>3. Create Content</span></h2> <p>Once you update your website, add content creation to your digital marketing strategy. Then, optimize your content for search engine optimization (SEO).</p> <p>SEO will help people find your website when they search for your product or service online.</p> <h2><span>4. Gather and Nurture Leads</span></h2> <p>As you use these digital marketing tips, make sure you have a plan for generating leads.</p> <p>For example, you can add a form to your website. Consider using a chatbot or lead magnets as well.</p> <p>Once you start gathering leads, use business marketing strategies like email marketing to nurture them. Email marketing will help you remain top of mind. </p> <h2><span>5. Stay Social</span></h2> <p>Don’t neglect social media! Adding social media to your digital marketing plan will help you engage your target audience.</p> <p>Reformat your blog posts for social media. Once people comment on your posts, respond! Create two-way conversations and engage your customer.</p> <p>Otherwise, use influencer marketing to expand your reach online. </p> <p>Keep up-to-date with the latest trends, too. For example, video content is becoming more popular. AR and VR are gaining popularity, too.</p> <p>Keeping up with the trends will show consumers you’re relevant. </p> <h2><span>Get Growing: 5 Digital Marketing Tips for Your Small Business</span></h2> <p>Don’t let your digital marketing strategy grow stale. Instead, use these digital marketing tips to expand your reach online. With these tips, you can market your services and boost brand awareness.</p> <p>Start generating more leads and sales with these business marketing tips today.</p> <p>Hunting for more tips? You’ve come to the right place.</p> <p>Check out our latest guides for more useful advice. </p></content:encoded>
11</item>
12</channel>
13<img src="https://donklephant.com/wp-content/uploads/2021/10/01425af1e662eeeada815f0cad2f9746.jpeg" class="ff-og-image-inserted"></div><p>Getting leads and sales is sometimes more difficult than business owners expect. In fact, about <a href="https://www.smallbizgenius.net/by-the-numbers/lead-nurturing-statistics/#gref">65% of businesses</a> say it’s their biggest marketing challenge. With a strong digital marketing strategy, however, you don’t have to struggle. </p> <p>Here are five digital marketing tips that can set your business up for growth and lasting success. With this digital marketing advice, you can get ahead of the competition. You can retain repeat customers to improve your ROI, too.</p> <p>Set your business up for growth this year. Develop your digital marketing plan with these five tips today. </p> <h2><span>1. Establish Brand Guidelines</span></h2> <p>A distinct brand will help your business stand out from the competition. Otherwise, consumers might not even realize you exist. Take the time to establish brand guidelines before developing your digital marketing plan.</p> <p>Your guidelines should outline your:</p> <ul> <li>Mission statement</li> <li>Vision statement</li> <li>Personality</li> <li>Voice</li> <li>Tone</li> <li>Color palette</li> <li>Photography/imagery styles</li> <li>Logo styles</li> <li>Font styles</li> </ul> <p>Make sure to maintain brand consistency as you use the rest of this digital marketing advice. Consistency will help awareness grow into recognition. People will start recognizing your materials through your visual brand. </p> <h2><span>2. Update Your Website</span></h2> <p>Take the time to update your website as well. An old, slow, outdated website could cost you customers.</p> <p>In fact, <a href="https://fitsmallbusiness.com/website-statistics/">38% of consumers</a> stop interacting with poorly designed websites. They might judge your credibility based on your site, too.</p> <p>Instead, update your website by following the latest user experience design trends. Make sure your site is fast and mobile-ready, too. </p> <p>You can learn how to get the most from your <a href="https://stephenholmes.co.uk/how-to-get-the-most-from-your-web-design/">web design</a> here.</p> <h2><span>3. Create Content</span></h2> <p>Once you update your website, add content creation to your digital marketing strategy. Then, optimize your content for search engine optimization (SEO).</p> <p>SEO will help people find your website when they search for your product or service online.</p> <h2><span>4. Gather and Nurture Leads</span></h2> <p>As you use these digital marketing tips, make sure you have a plan for generating leads.</p> <p>For example, you can add a form to your website. Consider using a chatbot or lead magnets as well.</p> <p>Once you start gathering leads, use business marketing strategies like email marketing to nurture them. Email marketing will help you remain top of mind. </p> <h2><span>5. Stay Social</span></h2> <p>Don’t neglect social media! Adding social media to your digital marketing plan will help you engage your target audience.</p> <p>Reformat your blog posts for social media. Once people comment on your posts, respond! Create two-way conversations and engage your customer.</p> <p>Otherwise, use influencer marketing to expand your reach online. </p> <p>Keep up-to-date with the latest trends, too. For example, video content is becoming more popular. AR and VR are gaining popularity, too.</p> <p>Keeping up with the trends will show consumers you’re relevant. </p> <h2><span>Get Growing: 5 Digital Marketing Tips for Your Small Business</span></h2> <p>Don’t let your digital marketing strategy grow stale. Instead, use these digital marketing tips to expand your reach online. With these tips, you can market your services and boost brand awareness.</p> <p>Start generating more leads and sales with these business marketing tips today.</p> <p>Hunting for more tips? You’ve come to the right place.</p> <p>Check out our latest guides for more useful advice. </p>
14https://cdn.feedcontrol.net/1830/2857-8L5Ntr0N5l5Xf.xml
15 function myFunction() {
16 const url = "https://cdn.feedcontrol.net/1830/2857-8L5Ntr0N5l5Xf.xml"; // Please set URL.
17
18 const data = UrlFetchApp.fetch(url).getContentText();
19 const res = data.match(/<content:encoded>([\s\S\w]+)<\/content:encoded>/);
20 Logger.log(res)
21 if (res) {
22 var blob1 = Utilities.newBlob("").setDataFromString(res[1], "UTF-8").setContentType("text/html");
23 Drive.Files.insert({title: "TEST"}, blob1, {convert: true});
24 //DriveApp.createFile("sample.html", res[1], MimeType.HTML);
25 }
26 }
27function myFunction() {
28 const fileId = "###"; // Please set the file ID of the file including the data.
29
30 const data = DriveApp.getFileById(fileId).getBlob().getDataAsString();
31 const res = data.match(/<content:encoded>([\s\S\w]+)<\/content:encoded>/);
32 if (res) {
33 DriveApp.createFile("sample.html", res[1], MimeType.HTML);
34 }
35}
36 function myFunction() {
37 const url = "###"; // Please set URL.
38
39 const data = UrlFetchApp.fetch(url).getContentText();
40 const res = data.match(/<content:encoded>([\s\S\w]+)<\/content:encoded>/);
41 if (res) {
42 DriveApp.createFile("sample.html", res[1], MimeType.HTML);
43 }
44 }
45
From your updated question and your following comment,
My real intent is to get the and content:encoded of each item to create a Google Docs file. And I want that Docs file to keep its structure.
I want to generate google Docs from that RSS. For example with the first item, I want to create a Docs file with the name of the item. And the Docs file has the content:encoded content of the item. This is the output Docs file that I want: https://docs.google.com/document/d/1DjPmBSZWoKcvJpuBssQ_3YtxwQrV2eg4QO6VUZqxMsQ/edit?usp=sharing. Hope you understand because my English is translated from google translate.
I understood that your initial question was different from your actual question. In this case, I think that the HTML can be converted to Google Document, the output result might be different from your goal because of the current specification of the Google side. So please test the following sample script.
Sample script 1:In this script, Google Document is created to the root folder by the values of <title>
and <content:encoded>
. But, I thought that the output Google Document converted from the HTML data might not be the same result as your goal.
1 <channel>
2<item>
3<title>5 Small Business Digital Marketing Tips | Donklephant</title>
4<link>https://www.google.com/url?rct=j&sa=t&url=https://donklephant.com/5-small-business-digital-marketing-tips/&ct=ga&cd=CAIyGjRkOWNlYjEwZThmZWEzYzk6Y29tOmVuOlVT&usg=AFQjCNG2rQuRDUiY_UppXg7LAt5uw1ZDXQ</link>
5<dc:identifier/>
6<pubDate>Sun, 03 Oct 2021 07:26:15 +0000</pubDate>
7<dc:creator/>
8<guid isPermaLink="true">https://www.google.com/url?rct=j&amp;sa=t&amp;url=https://donklephant.com/5-small-business-digital-marketing-tips/&amp;ct=ga&amp;cd=CAIyGjRkOWNlYjEwZThmZWEzYzk6Y29tOmVuOlVT&amp;usg=AFQjCNG2rQuRDUiY_UppXg7LAt5uw1ZDXQ</guid>
9<description>Getting leads and sales is sometimes more difficult than business owners expect. In fact, about 65% of businesses say it’s their biggest marketing challenge. With a strong digital marketing strategy, however, you don’t have to struggle. Here are five digital marketing tips that can set your...</description>
10<content:encoded><div><img src="https://donklephant.com/wp-content/uploads/2021/10/01425af1e662eeeada815f0cad2f9746.jpeg" class="ff-og-image-inserted"></div><p>Getting leads and sales is sometimes more difficult than business owners expect. In fact, about <a href="https://www.smallbizgenius.net/by-the-numbers/lead-nurturing-statistics/#gref">65% of businesses</a> say it’s their biggest marketing challenge. With a strong digital marketing strategy, however, you don’t have to struggle. </p> <p>Here are five digital marketing tips that can set your business up for growth and lasting success. With this digital marketing advice, you can get ahead of the competition. You can retain repeat customers to improve your ROI, too.</p> <p>Set your business up for growth this year. Develop your digital marketing plan with these five tips today. </p> <h2><span>1. Establish Brand Guidelines</span></h2> <p>A distinct brand will help your business stand out from the competition. Otherwise, consumers might not even realize you exist. Take the time to establish brand guidelines before developing your digital marketing plan.</p> <p>Your guidelines should outline your:</p> <ul> <li>Mission statement</li> <li>Vision statement</li> <li>Personality</li> <li>Voice</li> <li>Tone</li> <li>Color palette</li> <li>Photography/imagery styles</li> <li>Logo styles</li> <li>Font styles</li> </ul> <p>Make sure to maintain brand consistency as you use the rest of this digital marketing advice. Consistency will help awareness grow into recognition. People will start recognizing your materials through your visual brand. </p> <h2><span>2. Update Your Website</span></h2> <p>Take the time to update your website as well. An old, slow, outdated website could cost you customers.</p> <p>In fact, <a href="https://fitsmallbusiness.com/website-statistics/">38% of consumers</a> stop interacting with poorly designed websites. They might judge your credibility based on your site, too.</p> <p>Instead, update your website by following the latest user experience design trends. Make sure your site is fast and mobile-ready, too. </p> <p>You can learn how to get the most from your <a href="https://stephenholmes.co.uk/how-to-get-the-most-from-your-web-design/">web design</a> here.</p> <h2><span>3. Create Content</span></h2> <p>Once you update your website, add content creation to your digital marketing strategy. Then, optimize your content for search engine optimization (SEO).</p> <p>SEO will help people find your website when they search for your product or service online.</p> <h2><span>4. Gather and Nurture Leads</span></h2> <p>As you use these digital marketing tips, make sure you have a plan for generating leads.</p> <p>For example, you can add a form to your website. Consider using a chatbot or lead magnets as well.</p> <p>Once you start gathering leads, use business marketing strategies like email marketing to nurture them. Email marketing will help you remain top of mind. </p> <h2><span>5. Stay Social</span></h2> <p>Don’t neglect social media! Adding social media to your digital marketing plan will help you engage your target audience.</p> <p>Reformat your blog posts for social media. Once people comment on your posts, respond! Create two-way conversations and engage your customer.</p> <p>Otherwise, use influencer marketing to expand your reach online. </p> <p>Keep up-to-date with the latest trends, too. For example, video content is becoming more popular. AR and VR are gaining popularity, too.</p> <p>Keeping up with the trends will show consumers you’re relevant. </p> <h2><span>Get Growing: 5 Digital Marketing Tips for Your Small Business</span></h2> <p>Don’t let your digital marketing strategy grow stale. Instead, use these digital marketing tips to expand your reach online. With these tips, you can market your services and boost brand awareness.</p> <p>Start generating more leads and sales with these business marketing tips today.</p> <p>Hunting for more tips? You’ve come to the right place.</p> <p>Check out our latest guides for more useful advice. </p></content:encoded>
11</item>
12</channel>
13<img src="https://donklephant.com/wp-content/uploads/2021/10/01425af1e662eeeada815f0cad2f9746.jpeg" class="ff-og-image-inserted"></div><p>Getting leads and sales is sometimes more difficult than business owners expect. In fact, about <a href="https://www.smallbizgenius.net/by-the-numbers/lead-nurturing-statistics/#gref">65% of businesses</a> say it’s their biggest marketing challenge. With a strong digital marketing strategy, however, you don’t have to struggle. </p> <p>Here are five digital marketing tips that can set your business up for growth and lasting success. With this digital marketing advice, you can get ahead of the competition. You can retain repeat customers to improve your ROI, too.</p> <p>Set your business up for growth this year. Develop your digital marketing plan with these five tips today. </p> <h2><span>1. Establish Brand Guidelines</span></h2> <p>A distinct brand will help your business stand out from the competition. Otherwise, consumers might not even realize you exist. Take the time to establish brand guidelines before developing your digital marketing plan.</p> <p>Your guidelines should outline your:</p> <ul> <li>Mission statement</li> <li>Vision statement</li> <li>Personality</li> <li>Voice</li> <li>Tone</li> <li>Color palette</li> <li>Photography/imagery styles</li> <li>Logo styles</li> <li>Font styles</li> </ul> <p>Make sure to maintain brand consistency as you use the rest of this digital marketing advice. Consistency will help awareness grow into recognition. People will start recognizing your materials through your visual brand. </p> <h2><span>2. Update Your Website</span></h2> <p>Take the time to update your website as well. An old, slow, outdated website could cost you customers.</p> <p>In fact, <a href="https://fitsmallbusiness.com/website-statistics/">38% of consumers</a> stop interacting with poorly designed websites. They might judge your credibility based on your site, too.</p> <p>Instead, update your website by following the latest user experience design trends. Make sure your site is fast and mobile-ready, too. </p> <p>You can learn how to get the most from your <a href="https://stephenholmes.co.uk/how-to-get-the-most-from-your-web-design/">web design</a> here.</p> <h2><span>3. Create Content</span></h2> <p>Once you update your website, add content creation to your digital marketing strategy. Then, optimize your content for search engine optimization (SEO).</p> <p>SEO will help people find your website when they search for your product or service online.</p> <h2><span>4. Gather and Nurture Leads</span></h2> <p>As you use these digital marketing tips, make sure you have a plan for generating leads.</p> <p>For example, you can add a form to your website. Consider using a chatbot or lead magnets as well.</p> <p>Once you start gathering leads, use business marketing strategies like email marketing to nurture them. Email marketing will help you remain top of mind. </p> <h2><span>5. Stay Social</span></h2> <p>Don’t neglect social media! Adding social media to your digital marketing plan will help you engage your target audience.</p> <p>Reformat your blog posts for social media. Once people comment on your posts, respond! Create two-way conversations and engage your customer.</p> <p>Otherwise, use influencer marketing to expand your reach online. </p> <p>Keep up-to-date with the latest trends, too. For example, video content is becoming more popular. AR and VR are gaining popularity, too.</p> <p>Keeping up with the trends will show consumers you’re relevant. </p> <h2><span>Get Growing: 5 Digital Marketing Tips for Your Small Business</span></h2> <p>Don’t let your digital marketing strategy grow stale. Instead, use these digital marketing tips to expand your reach online. With these tips, you can market your services and boost brand awareness.</p> <p>Start generating more leads and sales with these business marketing tips today.</p> <p>Hunting for more tips? You’ve come to the right place.</p> <p>Check out our latest guides for more useful advice. </p>
14https://cdn.feedcontrol.net/1830/2857-8L5Ntr0N5l5Xf.xml
15 function myFunction() {
16 const url = "https://cdn.feedcontrol.net/1830/2857-8L5Ntr0N5l5Xf.xml"; // Please set URL.
17
18 const data = UrlFetchApp.fetch(url).getContentText();
19 const res = data.match(/<content:encoded>([\s\S\w]+)<\/content:encoded>/);
20 Logger.log(res)
21 if (res) {
22 var blob1 = Utilities.newBlob("").setDataFromString(res[1], "UTF-8").setContentType("text/html");
23 Drive.Files.insert({title: "TEST"}, blob1, {convert: true});
24 //DriveApp.createFile("sample.html", res[1], MimeType.HTML);
25 }
26 }
27function myFunction() {
28 const fileId = "###"; // Please set the file ID of the file including the data.
29
30 const data = DriveApp.getFileById(fileId).getBlob().getDataAsString();
31 const res = data.match(/<content:encoded>([\s\S\w]+)<\/content:encoded>/);
32 if (res) {
33 DriveApp.createFile("sample.html", res[1], MimeType.HTML);
34 }
35}
36 function myFunction() {
37 const url = "###"; // Please set URL.
38
39 const data = UrlFetchApp.fetch(url).getContentText();
40 const res = data.match(/<content:encoded>([\s\S\w]+)<\/content:encoded>/);
41 if (res) {
42 DriveApp.createFile("sample.html", res[1], MimeType.HTML);
43 }
44 }
45function myFunction1() {
46 const url = "https://cdn.feedcontrol.net/1830/2857-8L5Ntr0N5l5Xf.xml";
47 const data = UrlFetchApp.fetch(url).getContentText();
48 const root = XmlService.parse(data).getRootElement();
49 const ns1 = root.getNamespace();
50 const ns2 = XmlService.getNamespace("http://purl.org/rss/1.0/modules/content/");
51 root.getChild("channel", ns1).getChildren("item", ns1).forEach(e => {
52 Drive.Files.insert({title: e.getChild("title", ns1).getValue(), mimeType: MimeType.GOOGLE_DOCS}, HtmlService.createHtmlOutput(e.getChild("encoded", ns2).getValue()).getBlob());
53 });
54}
55
In this script, the PDF file is created to the root folder by the values of <title>
and <content:encoded>
. I thought that the output PDF file converted from the HTML data might be the same result as your goal. But, the mimeType is not Google Document.
1 <channel>
2<item>
3<title>5 Small Business Digital Marketing Tips | Donklephant</title>
4<link>https://www.google.com/url?rct=j&sa=t&url=https://donklephant.com/5-small-business-digital-marketing-tips/&ct=ga&cd=CAIyGjRkOWNlYjEwZThmZWEzYzk6Y29tOmVuOlVT&usg=AFQjCNG2rQuRDUiY_UppXg7LAt5uw1ZDXQ</link>
5<dc:identifier/>
6<pubDate>Sun, 03 Oct 2021 07:26:15 +0000</pubDate>
7<dc:creator/>
8<guid isPermaLink="true">https://www.google.com/url?rct=j&amp;sa=t&amp;url=https://donklephant.com/5-small-business-digital-marketing-tips/&amp;ct=ga&amp;cd=CAIyGjRkOWNlYjEwZThmZWEzYzk6Y29tOmVuOlVT&amp;usg=AFQjCNG2rQuRDUiY_UppXg7LAt5uw1ZDXQ</guid>
9<description>Getting leads and sales is sometimes more difficult than business owners expect. In fact, about 65% of businesses say it’s their biggest marketing challenge. With a strong digital marketing strategy, however, you don’t have to struggle. Here are five digital marketing tips that can set your...</description>
10<content:encoded><div><img src="https://donklephant.com/wp-content/uploads/2021/10/01425af1e662eeeada815f0cad2f9746.jpeg" class="ff-og-image-inserted"></div><p>Getting leads and sales is sometimes more difficult than business owners expect. In fact, about <a href="https://www.smallbizgenius.net/by-the-numbers/lead-nurturing-statistics/#gref">65% of businesses</a> say it’s their biggest marketing challenge. With a strong digital marketing strategy, however, you don’t have to struggle. </p> <p>Here are five digital marketing tips that can set your business up for growth and lasting success. With this digital marketing advice, you can get ahead of the competition. You can retain repeat customers to improve your ROI, too.</p> <p>Set your business up for growth this year. Develop your digital marketing plan with these five tips today. </p> <h2><span>1. Establish Brand Guidelines</span></h2> <p>A distinct brand will help your business stand out from the competition. Otherwise, consumers might not even realize you exist. Take the time to establish brand guidelines before developing your digital marketing plan.</p> <p>Your guidelines should outline your:</p> <ul> <li>Mission statement</li> <li>Vision statement</li> <li>Personality</li> <li>Voice</li> <li>Tone</li> <li>Color palette</li> <li>Photography/imagery styles</li> <li>Logo styles</li> <li>Font styles</li> </ul> <p>Make sure to maintain brand consistency as you use the rest of this digital marketing advice. Consistency will help awareness grow into recognition. People will start recognizing your materials through your visual brand. </p> <h2><span>2. Update Your Website</span></h2> <p>Take the time to update your website as well. An old, slow, outdated website could cost you customers.</p> <p>In fact, <a href="https://fitsmallbusiness.com/website-statistics/">38% of consumers</a> stop interacting with poorly designed websites. They might judge your credibility based on your site, too.</p> <p>Instead, update your website by following the latest user experience design trends. Make sure your site is fast and mobile-ready, too. </p> <p>You can learn how to get the most from your <a href="https://stephenholmes.co.uk/how-to-get-the-most-from-your-web-design/">web design</a> here.</p> <h2><span>3. Create Content</span></h2> <p>Once you update your website, add content creation to your digital marketing strategy. Then, optimize your content for search engine optimization (SEO).</p> <p>SEO will help people find your website when they search for your product or service online.</p> <h2><span>4. Gather and Nurture Leads</span></h2> <p>As you use these digital marketing tips, make sure you have a plan for generating leads.</p> <p>For example, you can add a form to your website. Consider using a chatbot or lead magnets as well.</p> <p>Once you start gathering leads, use business marketing strategies like email marketing to nurture them. Email marketing will help you remain top of mind. </p> <h2><span>5. Stay Social</span></h2> <p>Don’t neglect social media! Adding social media to your digital marketing plan will help you engage your target audience.</p> <p>Reformat your blog posts for social media. Once people comment on your posts, respond! Create two-way conversations and engage your customer.</p> <p>Otherwise, use influencer marketing to expand your reach online. </p> <p>Keep up-to-date with the latest trends, too. For example, video content is becoming more popular. AR and VR are gaining popularity, too.</p> <p>Keeping up with the trends will show consumers you’re relevant. </p> <h2><span>Get Growing: 5 Digital Marketing Tips for Your Small Business</span></h2> <p>Don’t let your digital marketing strategy grow stale. Instead, use these digital marketing tips to expand your reach online. With these tips, you can market your services and boost brand awareness.</p> <p>Start generating more leads and sales with these business marketing tips today.</p> <p>Hunting for more tips? You’ve come to the right place.</p> <p>Check out our latest guides for more useful advice. </p></content:encoded>
11</item>
12</channel>
13<img src="https://donklephant.com/wp-content/uploads/2021/10/01425af1e662eeeada815f0cad2f9746.jpeg" class="ff-og-image-inserted"></div><p>Getting leads and sales is sometimes more difficult than business owners expect. In fact, about <a href="https://www.smallbizgenius.net/by-the-numbers/lead-nurturing-statistics/#gref">65% of businesses</a> say it’s their biggest marketing challenge. With a strong digital marketing strategy, however, you don’t have to struggle. </p> <p>Here are five digital marketing tips that can set your business up for growth and lasting success. With this digital marketing advice, you can get ahead of the competition. You can retain repeat customers to improve your ROI, too.</p> <p>Set your business up for growth this year. Develop your digital marketing plan with these five tips today. </p> <h2><span>1. Establish Brand Guidelines</span></h2> <p>A distinct brand will help your business stand out from the competition. Otherwise, consumers might not even realize you exist. Take the time to establish brand guidelines before developing your digital marketing plan.</p> <p>Your guidelines should outline your:</p> <ul> <li>Mission statement</li> <li>Vision statement</li> <li>Personality</li> <li>Voice</li> <li>Tone</li> <li>Color palette</li> <li>Photography/imagery styles</li> <li>Logo styles</li> <li>Font styles</li> </ul> <p>Make sure to maintain brand consistency as you use the rest of this digital marketing advice. Consistency will help awareness grow into recognition. People will start recognizing your materials through your visual brand. </p> <h2><span>2. Update Your Website</span></h2> <p>Take the time to update your website as well. An old, slow, outdated website could cost you customers.</p> <p>In fact, <a href="https://fitsmallbusiness.com/website-statistics/">38% of consumers</a> stop interacting with poorly designed websites. They might judge your credibility based on your site, too.</p> <p>Instead, update your website by following the latest user experience design trends. Make sure your site is fast and mobile-ready, too. </p> <p>You can learn how to get the most from your <a href="https://stephenholmes.co.uk/how-to-get-the-most-from-your-web-design/">web design</a> here.</p> <h2><span>3. Create Content</span></h2> <p>Once you update your website, add content creation to your digital marketing strategy. Then, optimize your content for search engine optimization (SEO).</p> <p>SEO will help people find your website when they search for your product or service online.</p> <h2><span>4. Gather and Nurture Leads</span></h2> <p>As you use these digital marketing tips, make sure you have a plan for generating leads.</p> <p>For example, you can add a form to your website. Consider using a chatbot or lead magnets as well.</p> <p>Once you start gathering leads, use business marketing strategies like email marketing to nurture them. Email marketing will help you remain top of mind. </p> <h2><span>5. Stay Social</span></h2> <p>Don’t neglect social media! Adding social media to your digital marketing plan will help you engage your target audience.</p> <p>Reformat your blog posts for social media. Once people comment on your posts, respond! Create two-way conversations and engage your customer.</p> <p>Otherwise, use influencer marketing to expand your reach online. </p> <p>Keep up-to-date with the latest trends, too. For example, video content is becoming more popular. AR and VR are gaining popularity, too.</p> <p>Keeping up with the trends will show consumers you’re relevant. </p> <h2><span>Get Growing: 5 Digital Marketing Tips for Your Small Business</span></h2> <p>Don’t let your digital marketing strategy grow stale. Instead, use these digital marketing tips to expand your reach online. With these tips, you can market your services and boost brand awareness.</p> <p>Start generating more leads and sales with these business marketing tips today.</p> <p>Hunting for more tips? You’ve come to the right place.</p> <p>Check out our latest guides for more useful advice. </p>
14https://cdn.feedcontrol.net/1830/2857-8L5Ntr0N5l5Xf.xml
15 function myFunction() {
16 const url = "https://cdn.feedcontrol.net/1830/2857-8L5Ntr0N5l5Xf.xml"; // Please set URL.
17
18 const data = UrlFetchApp.fetch(url).getContentText();
19 const res = data.match(/<content:encoded>([\s\S\w]+)<\/content:encoded>/);
20 Logger.log(res)
21 if (res) {
22 var blob1 = Utilities.newBlob("").setDataFromString(res[1], "UTF-8").setContentType("text/html");
23 Drive.Files.insert({title: "TEST"}, blob1, {convert: true});
24 //DriveApp.createFile("sample.html", res[1], MimeType.HTML);
25 }
26 }
27function myFunction() {
28 const fileId = "###"; // Please set the file ID of the file including the data.
29
30 const data = DriveApp.getFileById(fileId).getBlob().getDataAsString();
31 const res = data.match(/<content:encoded>([\s\S\w]+)<\/content:encoded>/);
32 if (res) {
33 DriveApp.createFile("sample.html", res[1], MimeType.HTML);
34 }
35}
36 function myFunction() {
37 const url = "###"; // Please set URL.
38
39 const data = UrlFetchApp.fetch(url).getContentText();
40 const res = data.match(/<content:encoded>([\s\S\w]+)<\/content:encoded>/);
41 if (res) {
42 DriveApp.createFile("sample.html", res[1], MimeType.HTML);
43 }
44 }
45function myFunction1() {
46 const url = "https://cdn.feedcontrol.net/1830/2857-8L5Ntr0N5l5Xf.xml";
47 const data = UrlFetchApp.fetch(url).getContentText();
48 const root = XmlService.parse(data).getRootElement();
49 const ns1 = root.getNamespace();
50 const ns2 = XmlService.getNamespace("http://purl.org/rss/1.0/modules/content/");
51 root.getChild("channel", ns1).getChildren("item", ns1).forEach(e => {
52 Drive.Files.insert({title: e.getChild("title", ns1).getValue(), mimeType: MimeType.GOOGLE_DOCS}, HtmlService.createHtmlOutput(e.getChild("encoded", ns2).getValue()).getBlob());
53 });
54}
55function myFunction2() {
56 const url = "https://cdn.feedcontrol.net/1830/2857-8L5Ntr0N5l5Xf.xml";
57 const data = UrlFetchApp.fetch(url).getContentText();
58 const root = XmlService.parse(data).getRootElement();
59 const ns1 = root.getNamespace();
60 const ns2 = XmlService.getNamespace("http://purl.org/rss/1.0/modules/content/");
61 root.getChild("channel", ns1).getChildren("item", ns1).forEach(e => {
62 let html = e.getChild("encoded", ns2).getValue();
63 const url = html.match(/<img src\=\"([\s\S\w]+?)\"/);
64 if (url) {
65 const blob = UrlFetchApp.fetch(url[1].replace(/&amp;/g, "&").trim()).getBlob();
66 const base64 = blob.getContentType() + ';base64,'+ Utilities.base64Encode(blob.getBytes());
67 html = html.replace(/<img src\=\"[\s\S\w]+?>/, `<img src="data:${base64}">`);
68 }
69 DriveApp.createFile(HtmlService.createHtmlOutput(html).getAs(MimeType.PDF).setName(e.getChild("title", ns1).getValue()));
70 });
71}
72
QUESTION
Vaadin 14 Flow and SEO, PWA
Asked 2021-Aug-08 at 18:55I'm going to start working on the brand-new web application with Vaadin 14 Flow (pure Java). Right now, I'm unable to find the clear information about - will my Vaadin 14 Flow (pure Java) web application be SEO(Search Engine Optimization) friendly out of the box or no? And if no - what additional steps should I implement in order to achieve this? Also, is it worth to add PWA support to the application and how complex is it in case of Vaadin 14 Flow (pure Java)?
ANSWER
Answered 2021-Aug-08 at 14:19This question is on the fringe of StackOverflow policy, as it is potentially quite wide, so I am just answering briefly on top level. This question is seldomly asked in context of Vaadin applications, as they tend to be mostly implemented for company internal use, and thus SEO is not a requirement. Vaadin stance regarding SEO is neutral. So this is mostly application implementation level question. What you need to know is, that Vaadin's component implementations are web components, thus their internals are protected by shadow DOM. This means, if you have say ComboBox and you have set label to it, the label is not necessarily exposed to search index crawlers. In most cases it is not even necessary. Vaadin's layout components place components in light DOM, so if you use native html components representations like Span, Div, H1, H2, ... for the texts that you want to be exposed to SEO, you will be ok. Your text content will be exposed to the indexing crawlers. The rest is just about proper SEO copywriting, and that is naturally out of scope of Vaadin. You may be also interested in GoogleAnalyticsTracker.
QUESTION
How to put <h1>, <h2> tags in legend of <p:fieldset>?
Asked 2021-Jul-07 at 12:44Using a library of components like Primefaces speeds up development with JSF (and has many other advantages!).
From a Search Engine Optimization (SEO) perspective, however, components are not ideal. For example, in Primefaces I can use a sort of panel called a fieldset:
1<p:fieldset legend="Title of my panel">
2 <p>
3 Content of my panel
4 </p>
5 </p:fieldset>
6
The title of the panel (set with the attribute "legend" of the fieldset) would have been a good candidate to put inside a <h2>
or <h3>
tag, because they are important subtitles in the page and search engines rely on these tags for their indexing. Using the fieldset
component seems to prevent using <hn>
tags in the titles of these components?
Is there a way I can have both? Primefaces components like fieldset
with h1
, h2
, h3
tags for the titles of these components?
ANSWER
Answered 2021-Jul-07 at 10:27p:fieldSet
has a facet for the legend
. So you can do:
1<p:fieldset legend="Title of my panel">
2 <p>
3 Content of my panel
4 </p>
5 </p:fieldset>
6<p:fieldset>
7 <f:facet name="legend">
8 <h3>Title of my panel</h3>
9 </f:facet>
10 <p>Content of my panel</p>
11</p:fieldset>
12
QUESTION
How to split a document in a list in python
Asked 2021-Feb-19 at 07:50I have list input in below format
[ "There are many technical seo companies around the world but THA is recognized as a leader in it. \n\nTraditional marketing never provided better opportunity in understanding the customers need. Moreover, with old school marketing aproper analysis and handling of data was a lot difficult. As a result, the ROI and efficiency were much lower as compared to AI based marketing model. 4 key benefits are highlighted here as why seo services should use ai model over traditional approach.\n\nAI gives a positive influence on SEO. With AI, corporations can boost the precision, efficiency, and performance of search engine optimization techniques, comprising the content generated for SEO. While some of the SEOs may fear that AI will replace their role, AI fulfils in a supporting role as an equipment.AI in SEO assists to enhance your recent SEO strategy by finding out chances, like related keywords. Its algorithms, as well as rate, help businesses expedite the method and improve the precision of keyword research, competitor analysis, search intent analysis, and much more.\n\nThere are many technical seo companies around the world but THA is recognized as a leader in it. From advanced off page services to professional seo services we are the market leader.\n\nOur main value added proposition is ai seo optimization & business seo with cutting edge technologies such as data science, machine learning, semantic engineering, advanced search, and much more.\n\nWhile some of the SEOs may fear that AI will replace their role, AI fulfils in a supporting role as an equipment.AI in SEO assists to enhance your recent SEO strategy by finding out chances, like related keywords. Its algorithms, as well as rate, help businesses expedite the method and improve the precision of keyword research, competitor analysis, search intent analysis, and much more.\n\n\nIts algorithms, as well as rate, help businesses expedite the method and improve the precision of keyword research, competitor analysis, search intent analysis, and much more.\n" ]
I required code to split it by new line notation,any ways to do it in python?
ANSWER
Answered 2021-Feb-19 at 07:48Looks like your list only has a single element so you can just do:
1lst = ["There are many technical seo companies around the world but THA is recognized as a leader in it. \n\nTraditional marketing never provided better opportunity in understanding the customers need. Moreover, with old school marketing aproper analysis and handling of data was a lot difficult. As a result, the ROI and efficiency were much lower as compared to AI based marketing model. 4 key benefits are highlighted here as why seo services should use ai model over traditional approach.\n\nAI gives a positive influence on SEO. With AI, corporations can boost the precision, efficiency, and performance of search engine optimization techniques, comprising the content generated for SEO. While some of the SEOs may fear that AI will replace their role, AI fulfils in a supporting role as an equipment.AI in SEO assists to enhance your recent SEO strategy by finding out chances, like related keywords. Its algorithms, as well as rate, help businesses expedite the method and improve the precision of keyword research, competitor analysis, search intent analysis, and much more.\n\nThere are many technical seo companies around the world but THA is recognized as a leader in it. From advanced off page services to professional seo services we are the market leader.\n\nOur main value added proposition is ai seo optimization & business seo with cutting edge technologies such as data science, machine learning, semantic engineering, advanced search, and much more.\n\nWhile some of the SEOs may fear that AI will replace their role, AI fulfils in a supporting role as an equipment.AI in SEO assists to enhance your recent SEO strategy by finding out chances, like related keywords. Its algorithms, as well as rate, help businesses expedite the method and improve the precision of keyword research, competitor analysis, search intent analysis, and much more.\n\n\nIts algorithms, as well as rate, help businesses expedite the method and improve the precision of keyword research, competitor analysis, search intent analysis, and much more.\n" ]
2lst = lst[0].split('\n')
3for line in lst:
4 print(line)
5
Output:
1lst = ["There are many technical seo companies around the world but THA is recognized as a leader in it. \n\nTraditional marketing never provided better opportunity in understanding the customers need. Moreover, with old school marketing aproper analysis and handling of data was a lot difficult. As a result, the ROI and efficiency were much lower as compared to AI based marketing model. 4 key benefits are highlighted here as why seo services should use ai model over traditional approach.\n\nAI gives a positive influence on SEO. With AI, corporations can boost the precision, efficiency, and performance of search engine optimization techniques, comprising the content generated for SEO. While some of the SEOs may fear that AI will replace their role, AI fulfils in a supporting role as an equipment.AI in SEO assists to enhance your recent SEO strategy by finding out chances, like related keywords. Its algorithms, as well as rate, help businesses expedite the method and improve the precision of keyword research, competitor analysis, search intent analysis, and much more.\n\nThere are many technical seo companies around the world but THA is recognized as a leader in it. From advanced off page services to professional seo services we are the market leader.\n\nOur main value added proposition is ai seo optimization & business seo with cutting edge technologies such as data science, machine learning, semantic engineering, advanced search, and much more.\n\nWhile some of the SEOs may fear that AI will replace their role, AI fulfils in a supporting role as an equipment.AI in SEO assists to enhance your recent SEO strategy by finding out chances, like related keywords. Its algorithms, as well as rate, help businesses expedite the method and improve the precision of keyword research, competitor analysis, search intent analysis, and much more.\n\n\nIts algorithms, as well as rate, help businesses expedite the method and improve the precision of keyword research, competitor analysis, search intent analysis, and much more.\n" ]
2lst = lst[0].split('\n')
3for line in lst:
4 print(line)
5There are many technical seo companies around the world but THA is recognized as a leader in it.
6
7Traditional marketing never provided better opportunity in understanding the customers need. Moreover, with old school marketing aproper analysis and handling of data was a lot difficult. As a result, the ROI and efficiency were much lower as compared to AI based marketing model. 4 key benefits are highlighted here as why seo services should use ai model over traditional approach.
8
9AI gives a positive influence on SEO. With AI, corporations can boost the precision, efficiency, and performance of search engine optimization techniques, comprising the content generated for SEO. While some of the SEOs may fear that AI will replace their role, AI fulfils in a supporting role as an equipment.AI in SEO assists to enhance your recent SEO strategy by finding out chances, like related keywords. Its algorithms, as well as rate, help businesses expedite the method and improve the precision of keyword research, competitor analysis, search intent analysis, and much more.
10
11There are many technical seo companies around the world but THA is recognized as a leader in it. From advanced off page services to professional seo services we are the market leader.
12
13Our main value added proposition is ai seo optimization & business seo with cutting edge technologies such as data science, machine learning, semantic engineering, advanced search, and much more.
14
15While some of the SEOs may fear that AI will replace their role, AI fulfils in a supporting role as an equipment.AI in SEO assists to enhance your recent SEO strategy by finding out chances, like related keywords. Its algorithms, as well as rate, help businesses expedite the method and improve the precision of keyword research, competitor analysis, search intent analysis, and much more.
16
17
18Its algorithms, as well as rate, help businesses expedite the method and improve the precision of keyword research, competitor analysis, search intent analysis, and much more.
19
You could add another loop if there are multiple documents in the above list.
QUESTION
How do i fix Upwork clone sliding page problem (JS)
Asked 2020-Dec-31 at 08:29If you've used upwork you might be familiar with their UI.
Here I tried to make it's small feature when when user clicks on any freelance job offer, another page opens from left side transform: translate(120%)
to transform: translate(0)
Problem is that when I click on job header sliding from right to left works perfectly fine but when I do this same thing second time, sliding is not working. and also when slide comes from right to left there's grayish bar appears on right side of the page. I don't know what I am doing if You are satisfied with my explanation I'll try to more detailed about it.
1const jobContainer = document.querySelector('.job-description');
2let htag = document.querySelector('.green-h3');
3function changeCol() {
4 htag = document.querySelector('.green-h3');
5 htag.style.color = "green"
6}
7
8function normalCol() {
9 let htag = document.querySelector('.green-h3');
10 htag.style.color = "black"
11 htag.style.borderBottom = `none`
12}
13
14htag.addEventListener('mouseover', ()=> {
15 htag.style.borderBottom = `1.5px solid green`
16});
17
18
19
20// show more
21let hiddenInfo = document.querySelector('.by-default-hidden');
22let more = document.querySelector('.more');
23let less = document.querySelector('.less');
24less.style.display = 'none'
25more.addEventListener('click', ()=> {
26 hiddenInfo.style.display = 'inline'
27 more.style.display = 'none'
28 less.style.display = 'inline'
29})
30
31less.addEventListener('click', ()=> {
32 hiddenInfo.style.display = 'none'
33 more.style.display = 'inline'
34 less.style.display = 'none'
35})
36
37
38// sliding
39
40let headingTag = document.querySelector('.green-h3');
41let slidingParent = document.querySelector('.container-job-slide')
42let slidingContent = document.querySelector('.slide-jobs');
43let jobSectionmain = document.querySelector('.jobs');
44let backIcon = document.querySelector('.back-icon');
45headingTag.addEventListener('click', ()=> {
46
47 document.body.setAttribute("data-theme", "blur")
48 if (headingTag) {
49 slidingContent.style.display = 'block';
50 } else {
51 slidingContent.style.display = 'none';
52 }
53})
54
55backIcon.addEventListener('click', ()=> {
56 slidingContent.style.transform = `translateX(120%)`;
57 document.body.removeAttribute("data-theme", "blur");
58});
1const jobContainer = document.querySelector('.job-description');
2let htag = document.querySelector('.green-h3');
3function changeCol() {
4 htag = document.querySelector('.green-h3');
5 htag.style.color = "green"
6}
7
8function normalCol() {
9 let htag = document.querySelector('.green-h3');
10 htag.style.color = "black"
11 htag.style.borderBottom = `none`
12}
13
14htag.addEventListener('mouseover', ()=> {
15 htag.style.borderBottom = `1.5px solid green`
16});
17
18
19
20// show more
21let hiddenInfo = document.querySelector('.by-default-hidden');
22let more = document.querySelector('.more');
23let less = document.querySelector('.less');
24less.style.display = 'none'
25more.addEventListener('click', ()=> {
26 hiddenInfo.style.display = 'inline'
27 more.style.display = 'none'
28 less.style.display = 'inline'
29})
30
31less.addEventListener('click', ()=> {
32 hiddenInfo.style.display = 'none'
33 more.style.display = 'inline'
34 less.style.display = 'none'
35})
36
37
38// sliding
39
40let headingTag = document.querySelector('.green-h3');
41let slidingParent = document.querySelector('.container-job-slide')
42let slidingContent = document.querySelector('.slide-jobs');
43let jobSectionmain = document.querySelector('.jobs');
44let backIcon = document.querySelector('.back-icon');
45headingTag.addEventListener('click', ()=> {
46
47 document.body.setAttribute("data-theme", "blur")
48 if (headingTag) {
49 slidingContent.style.display = 'block';
50 } else {
51 slidingContent.style.display = 'none';
52 }
53})
54
55backIcon.addEventListener('click', ()=> {
56 slidingContent.style.transform = `translateX(120%)`;
57 document.body.removeAttribute("data-theme", "blur");
58});body {
59 max-width: 990px;
60 overflow-x: hidden;
61 font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
62 background-color: #F1F2F4;
63 margin: 0 auto;
64}
65
66body[data-theme="blur"] {
67 background-color: rgb(87, 87, 87);
68}
69
70
71.jobs {
72 position: relative;
73}
74
75.container-job {
76 max-width: 630px;
77 position: relative;
78}
79
80
81h1 {
82 padding: 20px 10px 20px 40px;
83 background-color: white ;
84}
85
86.job-description {
87 margin-top: -20px;
88 border-top: 1px solid rgb(194, 194, 194);
89 padding: 20px 20px 20px 40px;
90 background-color: white;
91 color: #656565;
92}
93
94.job-description:hover{
95 color: black;
96 background-color: #F9F9F9;
97 cursor: pointer;
98}
99.more,.less {
100 color: green;
101}
102.more:hover,.less:hover {
103 border-bottom: 1.5px solid green;
104 cursor: pointer;
105}
106.green-h3 {
107 font-size: 1.2rem;
108}
109
110.green-h3:hover {
111 border-bottom: 1.5px solid green;
112}
113
114.by-default-hidden {
115 display: none;
116}
117
118/* slide jobs */
119
120.slide-jobs {
121 top: 0;
122 position: absolute;
123 /* */
124 display: none;
125 right: 5%;
126 width: 80%;
127 transition: all .4s;
128 animation: slide .4s ease-in;
129}
130@keyframes slide {
131 from {
132 transform: translateX(100%);
133 }
134 to {
135 transform: translateX(0);
136 }
137}
138/* .backSlide {
139 animation: backSlide .4s ease-in;
140}
141
142@keyframes backSlide {
143 from{
144 transform: translateX(0%);
145 }
146 to {
147 transform: translateX(120%);
148 }
149} */
150
151.job-description-slide {
152 margin-top: -20px;
153 border-top: 1px solid rgb(194, 194, 194);
154 padding: 20px 20px 20px 40px;
155 background-color: white;
156}
157.back-icon div{
158 height: 4px;
159 width: 20px;
160 margin: 5px;
161 background-color: green;
162 cursor: pointer;
163}
164.back-icon {
165 background-color: white;
166 padding: 25px;
167}
168.line1 {
169 transform: rotate(-30deg);
170}
171.line2 {
172 transform: rotate(30deg);
173}
1const jobContainer = document.querySelector('.job-description');
2let htag = document.querySelector('.green-h3');
3function changeCol() {
4 htag = document.querySelector('.green-h3');
5 htag.style.color = "green"
6}
7
8function normalCol() {
9 let htag = document.querySelector('.green-h3');
10 htag.style.color = "black"
11 htag.style.borderBottom = `none`
12}
13
14htag.addEventListener('mouseover', ()=> {
15 htag.style.borderBottom = `1.5px solid green`
16});
17
18
19
20// show more
21let hiddenInfo = document.querySelector('.by-default-hidden');
22let more = document.querySelector('.more');
23let less = document.querySelector('.less');
24less.style.display = 'none'
25more.addEventListener('click', ()=> {
26 hiddenInfo.style.display = 'inline'
27 more.style.display = 'none'
28 less.style.display = 'inline'
29})
30
31less.addEventListener('click', ()=> {
32 hiddenInfo.style.display = 'none'
33 more.style.display = 'inline'
34 less.style.display = 'none'
35})
36
37
38// sliding
39
40let headingTag = document.querySelector('.green-h3');
41let slidingParent = document.querySelector('.container-job-slide')
42let slidingContent = document.querySelector('.slide-jobs');
43let jobSectionmain = document.querySelector('.jobs');
44let backIcon = document.querySelector('.back-icon');
45headingTag.addEventListener('click', ()=> {
46
47 document.body.setAttribute("data-theme", "blur")
48 if (headingTag) {
49 slidingContent.style.display = 'block';
50 } else {
51 slidingContent.style.display = 'none';
52 }
53})
54
55backIcon.addEventListener('click', ()=> {
56 slidingContent.style.transform = `translateX(120%)`;
57 document.body.removeAttribute("data-theme", "blur");
58});body {
59 max-width: 990px;
60 overflow-x: hidden;
61 font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
62 background-color: #F1F2F4;
63 margin: 0 auto;
64}
65
66body[data-theme="blur"] {
67 background-color: rgb(87, 87, 87);
68}
69
70
71.jobs {
72 position: relative;
73}
74
75.container-job {
76 max-width: 630px;
77 position: relative;
78}
79
80
81h1 {
82 padding: 20px 10px 20px 40px;
83 background-color: white ;
84}
85
86.job-description {
87 margin-top: -20px;
88 border-top: 1px solid rgb(194, 194, 194);
89 padding: 20px 20px 20px 40px;
90 background-color: white;
91 color: #656565;
92}
93
94.job-description:hover{
95 color: black;
96 background-color: #F9F9F9;
97 cursor: pointer;
98}
99.more,.less {
100 color: green;
101}
102.more:hover,.less:hover {
103 border-bottom: 1.5px solid green;
104 cursor: pointer;
105}
106.green-h3 {
107 font-size: 1.2rem;
108}
109
110.green-h3:hover {
111 border-bottom: 1.5px solid green;
112}
113
114.by-default-hidden {
115 display: none;
116}
117
118/* slide jobs */
119
120.slide-jobs {
121 top: 0;
122 position: absolute;
123 /* */
124 display: none;
125 right: 5%;
126 width: 80%;
127 transition: all .4s;
128 animation: slide .4s ease-in;
129}
130@keyframes slide {
131 from {
132 transform: translateX(100%);
133 }
134 to {
135 transform: translateX(0);
136 }
137}
138/* .backSlide {
139 animation: backSlide .4s ease-in;
140}
141
142@keyframes backSlide {
143 from{
144 transform: translateX(0%);
145 }
146 to {
147 transform: translateX(120%);
148 }
149} */
150
151.job-description-slide {
152 margin-top: -20px;
153 border-top: 1px solid rgb(194, 194, 194);
154 padding: 20px 20px 20px 40px;
155 background-color: white;
156}
157.back-icon div{
158 height: 4px;
159 width: 20px;
160 margin: 5px;
161 background-color: green;
162 cursor: pointer;
163}
164.back-icon {
165 background-color: white;
166 padding: 25px;
167}
168.line1 {
169 transform: rotate(-30deg);
170}
171.line2 {
172 transform: rotate(30deg);
173}<section class="jobs">
174 <div class="container-job">
175 <h1>My Feed</h1>
176 <div
177 onmouseover="changeCol();"
178 onmouseout="normalCol()"
179 class="job-description"
180 >
181 <span class="green-h3">SEO Specialist Needed</span>
182 <h4>
183 Fixed-price - Expert - Est. Budget: 400$ - Posted 46 minutes ago
184 </h4>
185 <p>
186 Job Description Hello! Our small digital advertising company needs
187 someone that's starting out in their career that is **VERY** capable
188 in SEO and web development. Must be able to do a video call and
189 operate in US Eastern Time. Also must be comfortable with Wordpress.
190 If you also have some graphic design background and know about
191 Facebook / Google Ads and could manage those, that's a
192 <span class="more">more</span>
193 <span class="by-default-hidden"
194 >significant plus. Our team also needs someone that's very
195 comfortable in Wordpress back end HTML / CSS / PHP, and can
196 essentially create a site from visuals provided. Pay is not
197 fantastic YET, but it should be once we really have clients coming
198 through. Must be able to do a video call every now and then, and
199 video interview on front end. Key summary: we need an SEO expert
200 to manage search engine optimization and marketing activities. The
201 SEO Specialist will be responsible for managing all SEO activities
202 such as keyword strategy, content strategy and link building to
203 increase organic search rankings and drive search traffic from
204 Google, Bing, Yahoo and other search engines. A successful SEO
205 specialist must keep up-to-date with the latest industry best
206 practices and work closely with editorial and marketing teams to
207 develop a successful organic search strategy. Responsibilities
208 Optimize copy and landing pages for search engine optimization
209 Perform ongoing keyword research and discovery, expansion and
210 optimization Research and implement search engine optimization
211 recommendations on the website Research and analyze competitor
212 content and links Develop and implement link building strategy
213 Work with the development team to ensure SEO best practices are
214 properly implemented on newly developed code Work with editorial
215 and marketing teams to drive SEO in content strategy and creation
216 Work closely with social media team to align social distribution
217 and SEO efforts Recommend changes to website architecture,
218 content, linking and other factors to improve SEO positions for
219 target keywords Skills Proven SEO experience and a track record of
220 success growing organic search traffic and conversions Solid
221 understanding of performance marketing, conversion, and online
222 customer acquisition Up-to-date with the latest trends and best
223 practices in SEO and inbound marketing In-depth experience with
224 website analytics tools (e.g, Google Analytics, NetInsight,
225 Omniture, WebTrends) Working knowledge of HTML, CSS, and
226 JavaScript development and constraints Familiarity with content
227 management systems (e.g, Wordpress, Vignette) BS/MS degree in a
228 quantitative, test-driven field Job Type: Part-time Pay: From
229 $20.00 per hour</span
230 >
231 <span class="less">Less</span>
232 </p>
233 </div>
234 </div>
235 </section>
236 <section class="slide-jobs">
237 <div class="container-job-slide">
238 <div class="back-icon">
239 <div class="line1"></div>
240 <div class="line2"></div>
241 </div>
242 <h1>SEO Specialist Needed</h1>
243 <div class="job-description-slide">
244 <span class="green-h3">SEO Specialist Needed</span>
245 <h4>
246 Fixed-price - Expert - Est. Budget: 400$ - Posted 46 minutes ago
247 </h4>
248 <p>
249 Job Description Hello! Our small digital advertising company needs
250 someone that's starting out in their career that is **VERY** capable
251 in SEO and web development. Must be able to do a video call and
252 operate in US Eastern Time. Also must be comfortable with Wordpress.
253 If you also have some graphic design background and know about
254 Facebook / Google Ads and could manage those, that's a significant
255 plus. Our team also needs someone that's very comfortable in
256 Wordpress back end HTML / CSS / PHP, and can essentially create a
257 site from visuals provided. Pay is not fantastic YET, but it should
258 be once we really have clients coming through. Must be able to do a
259 video call every now and then, and video interview on front end. Key
260 summary: we need an SEO expert to manage search engine optimization
261 and marketing activities. The SEO Specialist will be responsible for
262 managing all SEO activities such as keyword strategy, content
263 strategy and link building to increase organic search rankings and
264 drive search traffic from Google, Bing, Yahoo and other search
265 engines. A successful SEO specialist must keep up-to-date with the
266 latest industry best practices and work closely with editorial and
267 marketing teams to develop a successful organic search strategy.
268 Responsibilities Optimize copy and landing pages for search engine
269 optimization Perform ongoing keyword research and discovery,
270 expansion and optimization Research and implement search engine
271 optimization recommendations on the website Research and analyze
272 competitor content and links Develop and implement link building
273 strategy Work with the development team to ensure SEO best practices
274 are properly implemented on newly developed code Work with editorial
275 and marketing teams to drive SEO in content strategy and creation
276 Work closely with social media team to align social distribution and
277 SEO efforts Recommend changes to website architecture, content,
278 linking and other factors to improve SEO positions for target
279 keywords Skills Proven SEO experience and a track record of success
280 growing organic search traffic and conversions Solid understanding
281 of performance marketing, conversion, and online customer
282 acquisition Up-to-date with the latest trends and best practices in
283 SEO and inbound marketing In-depth experience with website analytics
284 tools (e.g, Google Analytics, NetInsight, Omniture, WebTrends)
285 Working knowledge of HTML, CSS, and JavaScript development and
286 constraints Familiarity with content management systems (e.g,
287 Wordpress, Vignette) BS/MS degree in a quantitative, test-driven
288 field Job Type: Part-time Pay: From $20.00 per hour
289 </p>
290 </div>
291 </div>
292 </section>
ANSWER
Answered 2020-Dec-31 at 08:291st in some places in your code your js code you have ` instead of ' when selecting elements like in :
1const jobContainer = document.querySelector('.job-description');
2let htag = document.querySelector('.green-h3');
3function changeCol() {
4 htag = document.querySelector('.green-h3');
5 htag.style.color = "green"
6}
7
8function normalCol() {
9 let htag = document.querySelector('.green-h3');
10 htag.style.color = "black"
11 htag.style.borderBottom = `none`
12}
13
14htag.addEventListener('mouseover', ()=> {
15 htag.style.borderBottom = `1.5px solid green`
16});
17
18
19
20// show more
21let hiddenInfo = document.querySelector('.by-default-hidden');
22let more = document.querySelector('.more');
23let less = document.querySelector('.less');
24less.style.display = 'none'
25more.addEventListener('click', ()=> {
26 hiddenInfo.style.display = 'inline'
27 more.style.display = 'none'
28 less.style.display = 'inline'
29})
30
31less.addEventListener('click', ()=> {
32 hiddenInfo.style.display = 'none'
33 more.style.display = 'inline'
34 less.style.display = 'none'
35})
36
37
38// sliding
39
40let headingTag = document.querySelector('.green-h3');
41let slidingParent = document.querySelector('.container-job-slide')
42let slidingContent = document.querySelector('.slide-jobs');
43let jobSectionmain = document.querySelector('.jobs');
44let backIcon = document.querySelector('.back-icon');
45headingTag.addEventListener('click', ()=> {
46
47 document.body.setAttribute("data-theme", "blur")
48 if (headingTag) {
49 slidingContent.style.display = 'block';
50 } else {
51 slidingContent.style.display = 'none';
52 }
53})
54
55backIcon.addEventListener('click', ()=> {
56 slidingContent.style.transform = `translateX(120%)`;
57 document.body.removeAttribute("data-theme", "blur");
58});body {
59 max-width: 990px;
60 overflow-x: hidden;
61 font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
62 background-color: #F1F2F4;
63 margin: 0 auto;
64}
65
66body[data-theme="blur"] {
67 background-color: rgb(87, 87, 87);
68}
69
70
71.jobs {
72 position: relative;
73}
74
75.container-job {
76 max-width: 630px;
77 position: relative;
78}
79
80
81h1 {
82 padding: 20px 10px 20px 40px;
83 background-color: white ;
84}
85
86.job-description {
87 margin-top: -20px;
88 border-top: 1px solid rgb(194, 194, 194);
89 padding: 20px 20px 20px 40px;
90 background-color: white;
91 color: #656565;
92}
93
94.job-description:hover{
95 color: black;
96 background-color: #F9F9F9;
97 cursor: pointer;
98}
99.more,.less {
100 color: green;
101}
102.more:hover,.less:hover {
103 border-bottom: 1.5px solid green;
104 cursor: pointer;
105}
106.green-h3 {
107 font-size: 1.2rem;
108}
109
110.green-h3:hover {
111 border-bottom: 1.5px solid green;
112}
113
114.by-default-hidden {
115 display: none;
116}
117
118/* slide jobs */
119
120.slide-jobs {
121 top: 0;
122 position: absolute;
123 /* */
124 display: none;
125 right: 5%;
126 width: 80%;
127 transition: all .4s;
128 animation: slide .4s ease-in;
129}
130@keyframes slide {
131 from {
132 transform: translateX(100%);
133 }
134 to {
135 transform: translateX(0);
136 }
137}
138/* .backSlide {
139 animation: backSlide .4s ease-in;
140}
141
142@keyframes backSlide {
143 from{
144 transform: translateX(0%);
145 }
146 to {
147 transform: translateX(120%);
148 }
149} */
150
151.job-description-slide {
152 margin-top: -20px;
153 border-top: 1px solid rgb(194, 194, 194);
154 padding: 20px 20px 20px 40px;
155 background-color: white;
156}
157.back-icon div{
158 height: 4px;
159 width: 20px;
160 margin: 5px;
161 background-color: green;
162 cursor: pointer;
163}
164.back-icon {
165 background-color: white;
166 padding: 25px;
167}
168.line1 {
169 transform: rotate(-30deg);
170}
171.line2 {
172 transform: rotate(30deg);
173}<section class="jobs">
174 <div class="container-job">
175 <h1>My Feed</h1>
176 <div
177 onmouseover="changeCol();"
178 onmouseout="normalCol()"
179 class="job-description"
180 >
181 <span class="green-h3">SEO Specialist Needed</span>
182 <h4>
183 Fixed-price - Expert - Est. Budget: 400$ - Posted 46 minutes ago
184 </h4>
185 <p>
186 Job Description Hello! Our small digital advertising company needs
187 someone that's starting out in their career that is **VERY** capable
188 in SEO and web development. Must be able to do a video call and
189 operate in US Eastern Time. Also must be comfortable with Wordpress.
190 If you also have some graphic design background and know about
191 Facebook / Google Ads and could manage those, that's a
192 <span class="more">more</span>
193 <span class="by-default-hidden"
194 >significant plus. Our team also needs someone that's very
195 comfortable in Wordpress back end HTML / CSS / PHP, and can
196 essentially create a site from visuals provided. Pay is not
197 fantastic YET, but it should be once we really have clients coming
198 through. Must be able to do a video call every now and then, and
199 video interview on front end. Key summary: we need an SEO expert
200 to manage search engine optimization and marketing activities. The
201 SEO Specialist will be responsible for managing all SEO activities
202 such as keyword strategy, content strategy and link building to
203 increase organic search rankings and drive search traffic from
204 Google, Bing, Yahoo and other search engines. A successful SEO
205 specialist must keep up-to-date with the latest industry best
206 practices and work closely with editorial and marketing teams to
207 develop a successful organic search strategy. Responsibilities
208 Optimize copy and landing pages for search engine optimization
209 Perform ongoing keyword research and discovery, expansion and
210 optimization Research and implement search engine optimization
211 recommendations on the website Research and analyze competitor
212 content and links Develop and implement link building strategy
213 Work with the development team to ensure SEO best practices are
214 properly implemented on newly developed code Work with editorial
215 and marketing teams to drive SEO in content strategy and creation
216 Work closely with social media team to align social distribution
217 and SEO efforts Recommend changes to website architecture,
218 content, linking and other factors to improve SEO positions for
219 target keywords Skills Proven SEO experience and a track record of
220 success growing organic search traffic and conversions Solid
221 understanding of performance marketing, conversion, and online
222 customer acquisition Up-to-date with the latest trends and best
223 practices in SEO and inbound marketing In-depth experience with
224 website analytics tools (e.g, Google Analytics, NetInsight,
225 Omniture, WebTrends) Working knowledge of HTML, CSS, and
226 JavaScript development and constraints Familiarity with content
227 management systems (e.g, Wordpress, Vignette) BS/MS degree in a
228 quantitative, test-driven field Job Type: Part-time Pay: From
229 $20.00 per hour</span
230 >
231 <span class="less">Less</span>
232 </p>
233 </div>
234 </div>
235 </section>
236 <section class="slide-jobs">
237 <div class="container-job-slide">
238 <div class="back-icon">
239 <div class="line1"></div>
240 <div class="line2"></div>
241 </div>
242 <h1>SEO Specialist Needed</h1>
243 <div class="job-description-slide">
244 <span class="green-h3">SEO Specialist Needed</span>
245 <h4>
246 Fixed-price - Expert - Est. Budget: 400$ - Posted 46 minutes ago
247 </h4>
248 <p>
249 Job Description Hello! Our small digital advertising company needs
250 someone that's starting out in their career that is **VERY** capable
251 in SEO and web development. Must be able to do a video call and
252 operate in US Eastern Time. Also must be comfortable with Wordpress.
253 If you also have some graphic design background and know about
254 Facebook / Google Ads and could manage those, that's a significant
255 plus. Our team also needs someone that's very comfortable in
256 Wordpress back end HTML / CSS / PHP, and can essentially create a
257 site from visuals provided. Pay is not fantastic YET, but it should
258 be once we really have clients coming through. Must be able to do a
259 video call every now and then, and video interview on front end. Key
260 summary: we need an SEO expert to manage search engine optimization
261 and marketing activities. The SEO Specialist will be responsible for
262 managing all SEO activities such as keyword strategy, content
263 strategy and link building to increase organic search rankings and
264 drive search traffic from Google, Bing, Yahoo and other search
265 engines. A successful SEO specialist must keep up-to-date with the
266 latest industry best practices and work closely with editorial and
267 marketing teams to develop a successful organic search strategy.
268 Responsibilities Optimize copy and landing pages for search engine
269 optimization Perform ongoing keyword research and discovery,
270 expansion and optimization Research and implement search engine
271 optimization recommendations on the website Research and analyze
272 competitor content and links Develop and implement link building
273 strategy Work with the development team to ensure SEO best practices
274 are properly implemented on newly developed code Work with editorial
275 and marketing teams to drive SEO in content strategy and creation
276 Work closely with social media team to align social distribution and
277 SEO efforts Recommend changes to website architecture, content,
278 linking and other factors to improve SEO positions for target
279 keywords Skills Proven SEO experience and a track record of success
280 growing organic search traffic and conversions Solid understanding
281 of performance marketing, conversion, and online customer
282 acquisition Up-to-date with the latest trends and best practices in
283 SEO and inbound marketing In-depth experience with website analytics
284 tools (e.g, Google Analytics, NetInsight, Omniture, WebTrends)
285 Working knowledge of HTML, CSS, and JavaScript development and
286 constraints Familiarity with content management systems (e.g,
287 Wordpress, Vignette) BS/MS degree in a quantitative, test-driven
288 field Job Type: Part-time Pay: From $20.00 per hour
289 </p>
290 </div>
291 </div>
292 </section>htag.style.borderBottom = `1.5px solid green`
293// should be
294htag.style.borderBottom = '1.5px solid green'
295
Fix that! You need 1 small fix in the code about sliding problem
1const jobContainer = document.querySelector('.job-description');
2let htag = document.querySelector('.green-h3');
3function changeCol() {
4 htag = document.querySelector('.green-h3');
5 htag.style.color = "green"
6}
7
8function normalCol() {
9 let htag = document.querySelector('.green-h3');
10 htag.style.color = "black"
11 htag.style.borderBottom = `none`
12}
13
14htag.addEventListener('mouseover', ()=> {
15 htag.style.borderBottom = `1.5px solid green`
16});
17
18
19
20// show more
21let hiddenInfo = document.querySelector('.by-default-hidden');
22let more = document.querySelector('.more');
23let less = document.querySelector('.less');
24less.style.display = 'none'
25more.addEventListener('click', ()=> {
26 hiddenInfo.style.display = 'inline'
27 more.style.display = 'none'
28 less.style.display = 'inline'
29})
30
31less.addEventListener('click', ()=> {
32 hiddenInfo.style.display = 'none'
33 more.style.display = 'inline'
34 less.style.display = 'none'
35})
36
37
38// sliding
39
40let headingTag = document.querySelector('.green-h3');
41let slidingParent = document.querySelector('.container-job-slide')
42let slidingContent = document.querySelector('.slide-jobs');
43let jobSectionmain = document.querySelector('.jobs');
44let backIcon = document.querySelector('.back-icon');
45headingTag.addEventListener('click', ()=> {
46
47 document.body.setAttribute("data-theme", "blur")
48 if (headingTag) {
49 slidingContent.style.display = 'block';
50 } else {
51 slidingContent.style.display = 'none';
52 }
53})
54
55backIcon.addEventListener('click', ()=> {
56 slidingContent.style.transform = `translateX(120%)`;
57 document.body.removeAttribute("data-theme", "blur");
58});body {
59 max-width: 990px;
60 overflow-x: hidden;
61 font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
62 background-color: #F1F2F4;
63 margin: 0 auto;
64}
65
66body[data-theme="blur"] {
67 background-color: rgb(87, 87, 87);
68}
69
70
71.jobs {
72 position: relative;
73}
74
75.container-job {
76 max-width: 630px;
77 position: relative;
78}
79
80
81h1 {
82 padding: 20px 10px 20px 40px;
83 background-color: white ;
84}
85
86.job-description {
87 margin-top: -20px;
88 border-top: 1px solid rgb(194, 194, 194);
89 padding: 20px 20px 20px 40px;
90 background-color: white;
91 color: #656565;
92}
93
94.job-description:hover{
95 color: black;
96 background-color: #F9F9F9;
97 cursor: pointer;
98}
99.more,.less {
100 color: green;
101}
102.more:hover,.less:hover {
103 border-bottom: 1.5px solid green;
104 cursor: pointer;
105}
106.green-h3 {
107 font-size: 1.2rem;
108}
109
110.green-h3:hover {
111 border-bottom: 1.5px solid green;
112}
113
114.by-default-hidden {
115 display: none;
116}
117
118/* slide jobs */
119
120.slide-jobs {
121 top: 0;
122 position: absolute;
123 /* */
124 display: none;
125 right: 5%;
126 width: 80%;
127 transition: all .4s;
128 animation: slide .4s ease-in;
129}
130@keyframes slide {
131 from {
132 transform: translateX(100%);
133 }
134 to {
135 transform: translateX(0);
136 }
137}
138/* .backSlide {
139 animation: backSlide .4s ease-in;
140}
141
142@keyframes backSlide {
143 from{
144 transform: translateX(0%);
145 }
146 to {
147 transform: translateX(120%);
148 }
149} */
150
151.job-description-slide {
152 margin-top: -20px;
153 border-top: 1px solid rgb(194, 194, 194);
154 padding: 20px 20px 20px 40px;
155 background-color: white;
156}
157.back-icon div{
158 height: 4px;
159 width: 20px;
160 margin: 5px;
161 background-color: green;
162 cursor: pointer;
163}
164.back-icon {
165 background-color: white;
166 padding: 25px;
167}
168.line1 {
169 transform: rotate(-30deg);
170}
171.line2 {
172 transform: rotate(30deg);
173}<section class="jobs">
174 <div class="container-job">
175 <h1>My Feed</h1>
176 <div
177 onmouseover="changeCol();"
178 onmouseout="normalCol()"
179 class="job-description"
180 >
181 <span class="green-h3">SEO Specialist Needed</span>
182 <h4>
183 Fixed-price - Expert - Est. Budget: 400$ - Posted 46 minutes ago
184 </h4>
185 <p>
186 Job Description Hello! Our small digital advertising company needs
187 someone that's starting out in their career that is **VERY** capable
188 in SEO and web development. Must be able to do a video call and
189 operate in US Eastern Time. Also must be comfortable with Wordpress.
190 If you also have some graphic design background and know about
191 Facebook / Google Ads and could manage those, that's a
192 <span class="more">more</span>
193 <span class="by-default-hidden"
194 >significant plus. Our team also needs someone that's very
195 comfortable in Wordpress back end HTML / CSS / PHP, and can
196 essentially create a site from visuals provided. Pay is not
197 fantastic YET, but it should be once we really have clients coming
198 through. Must be able to do a video call every now and then, and
199 video interview on front end. Key summary: we need an SEO expert
200 to manage search engine optimization and marketing activities. The
201 SEO Specialist will be responsible for managing all SEO activities
202 such as keyword strategy, content strategy and link building to
203 increase organic search rankings and drive search traffic from
204 Google, Bing, Yahoo and other search engines. A successful SEO
205 specialist must keep up-to-date with the latest industry best
206 practices and work closely with editorial and marketing teams to
207 develop a successful organic search strategy. Responsibilities
208 Optimize copy and landing pages for search engine optimization
209 Perform ongoing keyword research and discovery, expansion and
210 optimization Research and implement search engine optimization
211 recommendations on the website Research and analyze competitor
212 content and links Develop and implement link building strategy
213 Work with the development team to ensure SEO best practices are
214 properly implemented on newly developed code Work with editorial
215 and marketing teams to drive SEO in content strategy and creation
216 Work closely with social media team to align social distribution
217 and SEO efforts Recommend changes to website architecture,
218 content, linking and other factors to improve SEO positions for
219 target keywords Skills Proven SEO experience and a track record of
220 success growing organic search traffic and conversions Solid
221 understanding of performance marketing, conversion, and online
222 customer acquisition Up-to-date with the latest trends and best
223 practices in SEO and inbound marketing In-depth experience with
224 website analytics tools (e.g, Google Analytics, NetInsight,
225 Omniture, WebTrends) Working knowledge of HTML, CSS, and
226 JavaScript development and constraints Familiarity with content
227 management systems (e.g, Wordpress, Vignette) BS/MS degree in a
228 quantitative, test-driven field Job Type: Part-time Pay: From
229 $20.00 per hour</span
230 >
231 <span class="less">Less</span>
232 </p>
233 </div>
234 </div>
235 </section>
236 <section class="slide-jobs">
237 <div class="container-job-slide">
238 <div class="back-icon">
239 <div class="line1"></div>
240 <div class="line2"></div>
241 </div>
242 <h1>SEO Specialist Needed</h1>
243 <div class="job-description-slide">
244 <span class="green-h3">SEO Specialist Needed</span>
245 <h4>
246 Fixed-price - Expert - Est. Budget: 400$ - Posted 46 minutes ago
247 </h4>
248 <p>
249 Job Description Hello! Our small digital advertising company needs
250 someone that's starting out in their career that is **VERY** capable
251 in SEO and web development. Must be able to do a video call and
252 operate in US Eastern Time. Also must be comfortable with Wordpress.
253 If you also have some graphic design background and know about
254 Facebook / Google Ads and could manage those, that's a significant
255 plus. Our team also needs someone that's very comfortable in
256 Wordpress back end HTML / CSS / PHP, and can essentially create a
257 site from visuals provided. Pay is not fantastic YET, but it should
258 be once we really have clients coming through. Must be able to do a
259 video call every now and then, and video interview on front end. Key
260 summary: we need an SEO expert to manage search engine optimization
261 and marketing activities. The SEO Specialist will be responsible for
262 managing all SEO activities such as keyword strategy, content
263 strategy and link building to increase organic search rankings and
264 drive search traffic from Google, Bing, Yahoo and other search
265 engines. A successful SEO specialist must keep up-to-date with the
266 latest industry best practices and work closely with editorial and
267 marketing teams to develop a successful organic search strategy.
268 Responsibilities Optimize copy and landing pages for search engine
269 optimization Perform ongoing keyword research and discovery,
270 expansion and optimization Research and implement search engine
271 optimization recommendations on the website Research and analyze
272 competitor content and links Develop and implement link building
273 strategy Work with the development team to ensure SEO best practices
274 are properly implemented on newly developed code Work with editorial
275 and marketing teams to drive SEO in content strategy and creation
276 Work closely with social media team to align social distribution and
277 SEO efforts Recommend changes to website architecture, content,
278 linking and other factors to improve SEO positions for target
279 keywords Skills Proven SEO experience and a track record of success
280 growing organic search traffic and conversions Solid understanding
281 of performance marketing, conversion, and online customer
282 acquisition Up-to-date with the latest trends and best practices in
283 SEO and inbound marketing In-depth experience with website analytics
284 tools (e.g, Google Analytics, NetInsight, Omniture, WebTrends)
285 Working knowledge of HTML, CSS, and JavaScript development and
286 constraints Familiarity with content management systems (e.g,
287 Wordpress, Vignette) BS/MS degree in a quantitative, test-driven
288 field Job Type: Part-time Pay: From $20.00 per hour
289 </p>
290 </div>
291 </div>
292 </section>htag.style.borderBottom = `1.5px solid green`
293// should be
294htag.style.borderBottom = '1.5px solid green'
295headingTag.addEventListener('click', () => {
296 document.body.setAttribute("data-theme", "blur");
297 slidingContent.style.transform = "translateX(0)";
298 slidingContent.style.display = 'block';
299})
300
301backIcon.addEventListener('click', () => {
302 slidingContent.style.transform = "translateX(120%)";
303 document.body.removeAttribute("data-theme", "blur");
304});
305
About your 2nd issue, this line you see is actually a margin from h1 tag inside the sliding content so just add this to remove it:
1const jobContainer = document.querySelector('.job-description');
2let htag = document.querySelector('.green-h3');
3function changeCol() {
4 htag = document.querySelector('.green-h3');
5 htag.style.color = "green"
6}
7
8function normalCol() {
9 let htag = document.querySelector('.green-h3');
10 htag.style.color = "black"
11 htag.style.borderBottom = `none`
12}
13
14htag.addEventListener('mouseover', ()=> {
15 htag.style.borderBottom = `1.5px solid green`
16});
17
18
19
20// show more
21let hiddenInfo = document.querySelector('.by-default-hidden');
22let more = document.querySelector('.more');
23let less = document.querySelector('.less');
24less.style.display = 'none'
25more.addEventListener('click', ()=> {
26 hiddenInfo.style.display = 'inline'
27 more.style.display = 'none'
28 less.style.display = 'inline'
29})
30
31less.addEventListener('click', ()=> {
32 hiddenInfo.style.display = 'none'
33 more.style.display = 'inline'
34 less.style.display = 'none'
35})
36
37
38// sliding
39
40let headingTag = document.querySelector('.green-h3');
41let slidingParent = document.querySelector('.container-job-slide')
42let slidingContent = document.querySelector('.slide-jobs');
43let jobSectionmain = document.querySelector('.jobs');
44let backIcon = document.querySelector('.back-icon');
45headingTag.addEventListener('click', ()=> {
46
47 document.body.setAttribute("data-theme", "blur")
48 if (headingTag) {
49 slidingContent.style.display = 'block';
50 } else {
51 slidingContent.style.display = 'none';
52 }
53})
54
55backIcon.addEventListener('click', ()=> {
56 slidingContent.style.transform = `translateX(120%)`;
57 document.body.removeAttribute("data-theme", "blur");
58});body {
59 max-width: 990px;
60 overflow-x: hidden;
61 font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
62 background-color: #F1F2F4;
63 margin: 0 auto;
64}
65
66body[data-theme="blur"] {
67 background-color: rgb(87, 87, 87);
68}
69
70
71.jobs {
72 position: relative;
73}
74
75.container-job {
76 max-width: 630px;
77 position: relative;
78}
79
80
81h1 {
82 padding: 20px 10px 20px 40px;
83 background-color: white ;
84}
85
86.job-description {
87 margin-top: -20px;
88 border-top: 1px solid rgb(194, 194, 194);
89 padding: 20px 20px 20px 40px;
90 background-color: white;
91 color: #656565;
92}
93
94.job-description:hover{
95 color: black;
96 background-color: #F9F9F9;
97 cursor: pointer;
98}
99.more,.less {
100 color: green;
101}
102.more:hover,.less:hover {
103 border-bottom: 1.5px solid green;
104 cursor: pointer;
105}
106.green-h3 {
107 font-size: 1.2rem;
108}
109
110.green-h3:hover {
111 border-bottom: 1.5px solid green;
112}
113
114.by-default-hidden {
115 display: none;
116}
117
118/* slide jobs */
119
120.slide-jobs {
121 top: 0;
122 position: absolute;
123 /* */
124 display: none;
125 right: 5%;
126 width: 80%;
127 transition: all .4s;
128 animation: slide .4s ease-in;
129}
130@keyframes slide {
131 from {
132 transform: translateX(100%);
133 }
134 to {
135 transform: translateX(0);
136 }
137}
138/* .backSlide {
139 animation: backSlide .4s ease-in;
140}
141
142@keyframes backSlide {
143 from{
144 transform: translateX(0%);
145 }
146 to {
147 transform: translateX(120%);
148 }
149} */
150
151.job-description-slide {
152 margin-top: -20px;
153 border-top: 1px solid rgb(194, 194, 194);
154 padding: 20px 20px 20px 40px;
155 background-color: white;
156}
157.back-icon div{
158 height: 4px;
159 width: 20px;
160 margin: 5px;
161 background-color: green;
162 cursor: pointer;
163}
164.back-icon {
165 background-color: white;
166 padding: 25px;
167}
168.line1 {
169 transform: rotate(-30deg);
170}
171.line2 {
172 transform: rotate(30deg);
173}<section class="jobs">
174 <div class="container-job">
175 <h1>My Feed</h1>
176 <div
177 onmouseover="changeCol();"
178 onmouseout="normalCol()"
179 class="job-description"
180 >
181 <span class="green-h3">SEO Specialist Needed</span>
182 <h4>
183 Fixed-price - Expert - Est. Budget: 400$ - Posted 46 minutes ago
184 </h4>
185 <p>
186 Job Description Hello! Our small digital advertising company needs
187 someone that's starting out in their career that is **VERY** capable
188 in SEO and web development. Must be able to do a video call and
189 operate in US Eastern Time. Also must be comfortable with Wordpress.
190 If you also have some graphic design background and know about
191 Facebook / Google Ads and could manage those, that's a
192 <span class="more">more</span>
193 <span class="by-default-hidden"
194 >significant plus. Our team also needs someone that's very
195 comfortable in Wordpress back end HTML / CSS / PHP, and can
196 essentially create a site from visuals provided. Pay is not
197 fantastic YET, but it should be once we really have clients coming
198 through. Must be able to do a video call every now and then, and
199 video interview on front end. Key summary: we need an SEO expert
200 to manage search engine optimization and marketing activities. The
201 SEO Specialist will be responsible for managing all SEO activities
202 such as keyword strategy, content strategy and link building to
203 increase organic search rankings and drive search traffic from
204 Google, Bing, Yahoo and other search engines. A successful SEO
205 specialist must keep up-to-date with the latest industry best
206 practices and work closely with editorial and marketing teams to
207 develop a successful organic search strategy. Responsibilities
208 Optimize copy and landing pages for search engine optimization
209 Perform ongoing keyword research and discovery, expansion and
210 optimization Research and implement search engine optimization
211 recommendations on the website Research and analyze competitor
212 content and links Develop and implement link building strategy
213 Work with the development team to ensure SEO best practices are
214 properly implemented on newly developed code Work with editorial
215 and marketing teams to drive SEO in content strategy and creation
216 Work closely with social media team to align social distribution
217 and SEO efforts Recommend changes to website architecture,
218 content, linking and other factors to improve SEO positions for
219 target keywords Skills Proven SEO experience and a track record of
220 success growing organic search traffic and conversions Solid
221 understanding of performance marketing, conversion, and online
222 customer acquisition Up-to-date with the latest trends and best
223 practices in SEO and inbound marketing In-depth experience with
224 website analytics tools (e.g, Google Analytics, NetInsight,
225 Omniture, WebTrends) Working knowledge of HTML, CSS, and
226 JavaScript development and constraints Familiarity with content
227 management systems (e.g, Wordpress, Vignette) BS/MS degree in a
228 quantitative, test-driven field Job Type: Part-time Pay: From
229 $20.00 per hour</span
230 >
231 <span class="less">Less</span>
232 </p>
233 </div>
234 </div>
235 </section>
236 <section class="slide-jobs">
237 <div class="container-job-slide">
238 <div class="back-icon">
239 <div class="line1"></div>
240 <div class="line2"></div>
241 </div>
242 <h1>SEO Specialist Needed</h1>
243 <div class="job-description-slide">
244 <span class="green-h3">SEO Specialist Needed</span>
245 <h4>
246 Fixed-price - Expert - Est. Budget: 400$ - Posted 46 minutes ago
247 </h4>
248 <p>
249 Job Description Hello! Our small digital advertising company needs
250 someone that's starting out in their career that is **VERY** capable
251 in SEO and web development. Must be able to do a video call and
252 operate in US Eastern Time. Also must be comfortable with Wordpress.
253 If you also have some graphic design background and know about
254 Facebook / Google Ads and could manage those, that's a significant
255 plus. Our team also needs someone that's very comfortable in
256 Wordpress back end HTML / CSS / PHP, and can essentially create a
257 site from visuals provided. Pay is not fantastic YET, but it should
258 be once we really have clients coming through. Must be able to do a
259 video call every now and then, and video interview on front end. Key
260 summary: we need an SEO expert to manage search engine optimization
261 and marketing activities. The SEO Specialist will be responsible for
262 managing all SEO activities such as keyword strategy, content
263 strategy and link building to increase organic search rankings and
264 drive search traffic from Google, Bing, Yahoo and other search
265 engines. A successful SEO specialist must keep up-to-date with the
266 latest industry best practices and work closely with editorial and
267 marketing teams to develop a successful organic search strategy.
268 Responsibilities Optimize copy and landing pages for search engine
269 optimization Perform ongoing keyword research and discovery,
270 expansion and optimization Research and implement search engine
271 optimization recommendations on the website Research and analyze
272 competitor content and links Develop and implement link building
273 strategy Work with the development team to ensure SEO best practices
274 are properly implemented on newly developed code Work with editorial
275 and marketing teams to drive SEO in content strategy and creation
276 Work closely with social media team to align social distribution and
277 SEO efforts Recommend changes to website architecture, content,
278 linking and other factors to improve SEO positions for target
279 keywords Skills Proven SEO experience and a track record of success
280 growing organic search traffic and conversions Solid understanding
281 of performance marketing, conversion, and online customer
282 acquisition Up-to-date with the latest trends and best practices in
283 SEO and inbound marketing In-depth experience with website analytics
284 tools (e.g, Google Analytics, NetInsight, Omniture, WebTrends)
285 Working knowledge of HTML, CSS, and JavaScript development and
286 constraints Familiarity with content management systems (e.g,
287 Wordpress, Vignette) BS/MS degree in a quantitative, test-driven
288 field Job Type: Part-time Pay: From $20.00 per hour
289 </p>
290 </div>
291 </div>
292 </section>htag.style.borderBottom = `1.5px solid green`
293// should be
294htag.style.borderBottom = '1.5px solid green'
295headingTag.addEventListener('click', () => {
296 document.body.setAttribute("data-theme", "blur");
297 slidingContent.style.transform = "translateX(0)";
298 slidingContent.style.display = 'block';
299})
300
301backIcon.addEventListener('click', () => {
302 slidingContent.style.transform = "translateX(120%)";
303 document.body.removeAttribute("data-theme", "blur");
304});
305....
306 </div>
307 // set margin top to 0
308 <h1 style="margin-top:0!important;">SEO Specialist Needed</h1>
309 <div class="job-description-slide">
310....
311
QUESTION
Angular SEO how to correctly implement dynamic title and meta?
Asked 2020-Dec-25 at 16:29I have a little question about Angular title and meta. I have imported libraries into my angular. I set my title and description of meta in the constructor of the .ts files like this (different titles and descriptions for every page of course);
1//To set the title
2this.titleServ.setTitle("SOME TITLE HERE")
3//To set the meta
4this.meta.addTag({name: "description", content: "SOME DESCRIPTION HERE"})
5
When I run my website through IIS and check from the browser, I still see something like this;
1//To set the title
2this.titleServ.setTitle("SOME TITLE HERE")
3//To set the meta
4this.meta.addTag({name: "description", content: "SOME DESCRIPTION HERE"})
5 <title></title>
6 <base href="/">
7 <meta name="viewport" content="width=device-width, initial-scale=1">
8
As said, I cant see my page title or page description from source codes (but I can see it from a google search and at the google chrome tab). I am currently trying to set the search engine optimizations. Is there any problem in here? I mean all the tutorials I have seen can see their page title from the section and also can see meta.
What did I do wrong or is there anything I need to do more for the website to be visible in google with some keywords search?
ANSWER
Answered 2020-Dec-25 at 16:29Angular by default is a client-side application. When you serve the app and view the HTML source, you essentially get the source code of index.html
that's in the root of src
.
For SEO, you need to render the page on the server. That way, when the browser receives the HTML, it is pre-rendered with certain data elements, including the SEO-related tags/content.
This is the official guide on how to add server-side rendering (Angular Universal) to your application: https://angular.io/guide/universal
The key part is, for the server-side rendering to take place, you need to start your app with the dedicated command (e.g. npm run dev:ssr
by default). This will start up node, which will be handling the requests on the server-side.
QUESTION
My WordPress featured image is not showing up on Facebook post and with Tweets
Asked 2020-Nov-15 at 03:16I've tinkered with the possibility that one of my plugins were messing up the featured image. Did not work. I checked on FB debug tool this was the error message:
Invalid Image Content Type Provided og:image URL, https://www.codexshopper.com/wp-content/uploads/2020/11/codexs.png could not be processed as an image because it has an invalid content type.
[screenshot of the debug tool results][1] [1]: https://i.stack.imgur.com/lK4MZ.png
I've tried reuploading the same picture but with a different type like png and jpg, didn't work too.
this is the detailed part, I tried to look at the og tags, but they're all correct, nothing's out of place.
1<!-- Search Engine Optimization by Rank Math - https://s.rankmath.com/home -->
2<title>Services | Codex Shopper</title>
3<meta name="description" content="Codex Shopper Free Business Listing, express your business the way you want others to feel, submit business for review.">
4<meta name="robots" content="follow, index, max-snippet:-1, max-video-preview:-1, max-image-preview:large">
5<link rel="canonical" href="https://www.codexshopper.com/services/">
6<meta property="og:locale" content="en_US">
7<meta property="og:type" content="article">
8<meta property="og:title" content="Services | Codex Shopper">
9<meta property="og:description" content="Codex Shopper Free Business Listing, express your business the way you want others to feel, submit business for review.">
10<meta property="og:url" content="https://www.codexshopper.com/services/">
11<meta property="og:site_name" content="Codex Shopper">
12<meta property="og:updated_time" content="2020-11-14T04:16:17+00:00">
13<meta property="og:image" content="https://www.codexshopper.com/wp-content/uploads/2020/11/codexs.png">
14<meta property="og:image:secure_url" content="https://www.codexshopper.com/wp-content/uploads/2020/11/codexs.png">
15<meta property="og:image:width" content="300">
16<meta property="og:image:height" content="300">
17<meta property="og:image:alt" content="Free Business Listing">
18<meta property="og:image:type" content="image/png">
19<meta name="twitter:card" content="summary_large_image">
20<meta name="twitter:title" content="Services | Codex Shopper">
21<meta name="twitter:description" content="Codex Shopper Free Business Listing, express your business the way you want others to feel, submit business for review.">
22<meta name="twitter:site" content="@@Marketerextrao1">
23<meta name="twitter:creator" content="@@Marketerextrao1">
24<meta name="twitter:image" content="https://www.codexshopper.com/wp-content/uploads/2020/11/codexs.png">
25<script type="application/ld+json" class="rank-math-schema">
26
Can anyone give me a solution for this?
ANSWER
Answered 2020-Nov-14 at 07:21I don't sure that this work for your problem, but try using of Yoast plugin to provide og:image without problem.
In same problem, I was forced to change Url Name (Slug) to it work
And if your meta content is real, attention to this that your link of image throw this error:
1<!-- Search Engine Optimization by Rank Math - https://s.rankmath.com/home -->
2<title>Services | Codex Shopper</title>
3<meta name="description" content="Codex Shopper Free Business Listing, express your business the way you want others to feel, submit business for review.">
4<meta name="robots" content="follow, index, max-snippet:-1, max-video-preview:-1, max-image-preview:large">
5<link rel="canonical" href="https://www.codexshopper.com/services/">
6<meta property="og:locale" content="en_US">
7<meta property="og:type" content="article">
8<meta property="og:title" content="Services | Codex Shopper">
9<meta property="og:description" content="Codex Shopper Free Business Listing, express your business the way you want others to feel, submit business for review.">
10<meta property="og:url" content="https://www.codexshopper.com/services/">
11<meta property="og:site_name" content="Codex Shopper">
12<meta property="og:updated_time" content="2020-11-14T04:16:17+00:00">
13<meta property="og:image" content="https://www.codexshopper.com/wp-content/uploads/2020/11/codexs.png">
14<meta property="og:image:secure_url" content="https://www.codexshopper.com/wp-content/uploads/2020/11/codexs.png">
15<meta property="og:image:width" content="300">
16<meta property="og:image:height" content="300">
17<meta property="og:image:alt" content="Free Business Listing">
18<meta property="og:image:type" content="image/png">
19<meta name="twitter:card" content="summary_large_image">
20<meta name="twitter:title" content="Services | Codex Shopper">
21<meta name="twitter:description" content="Codex Shopper Free Business Listing, express your business the way you want others to feel, submit business for review.">
22<meta name="twitter:site" content="@@Marketerextrao1">
23<meta name="twitter:creator" content="@@Marketerextrao1">
24<meta name="twitter:image" content="https://www.codexshopper.com/wp-content/uploads/2020/11/codexs.png">
25<script type="application/ld+json" class="rank-math-schema">
26https://www.codexshopper.com/wp-content/uploads/2020/11/codexs.png
27Oops! That page can’t be found.
28
QUESTION
Need assistance with yes-or-no questions
Asked 2020-Jul-05 at 20:12I'm doing an exercise where I have to write a program that will suggest a subscription plan based on the users answers to a series of yes-or-no questions.
the exercise is based on this chart: https://imgur.com/a/AEMw5Ln
my main question is: how can I get C++ to 'tally up' the results and produce a plan?
here's my code so you can see what I've done so far...
1// Firstly, Welcome the client!
2cout << " Welcome to the Wordpress subsciption sugesstion Tool!" << endl;
3cout << " In order to find the right plan for you, we'll need to ask you a series of questions!" << endl;
4cout << " Answer the following questions using 'y' or 'n' keys when prompted." << endl;
5
6// secondly, Present the series of questions and prompt the user for input.
7cout << 1.) Would you like to utilize free themes? (y/n)" << endl;
8cin >> answer;
9
10if(answer = 'y')
11{
12 freeTheme = true;
13}
14else
15{
16 freeTheme = false;
17}
18cout << "\t\n 2.) Would you like to customize your themes? (y/n)" << endl;
19cin >> answer;
20
21if(answer = 'y')
22{
23 customDesign = true;
24}
25else
26{
27 customDesign = false;
28}
29
30cout << "\t\n 3.) Will you be needing Search Engine Optimization? (y/n)" << endl;
31cin >> answer;
32
33if(answer = 'y')
34{
35 seoTools = true;
36}
37else
38{
39 seoTools = false;
40}
41
42cout << "\t\n 4.) Is live support important for you? (y/n)" << endl;
43cin >> answer;
44
45if(answer = 'y')
46{
47 liveSupport = true;
48}
49else
50{
51 liveSupport = false;
52}
53
54cout << "\t\n 5.) How much data will you need to host? 3GB, 6GB, 13GB, or unlimited(999GB)?" << endl;
55cin >> storageCapacity;
56
57if(storageCapacity = 3)
58{
59 costPerMonth = 0.00;
60}
61else if (storageCapacity = 6)
62{
63 costPerMonth = 5.00;
64}
65else if (storageCapacity = 13)
66{
67 costPerMonth = 8.00;
68}
69else if (storageCapacity = 999)
70{
71 costPerMonth = 25.00;
72}
73
74cout << 6.) How many years are you interest in hosting for?" << endl;
75cin >> years;
76
It may seem a bit messy but im wracking by brain trying to solve it. what do you think? am i on the right track? Which statements/ operators am I missing? should I try incorporating switch statements? Any help is much appriciated.
ANSWER
Answered 2020-Jul-05 at 20:12A switch statement might make the code at the end with storage capacity look nicer, as well as being easy to implement but this is a matter pf preference alone, there is little to no benefit to the program itself. Also change the if statement contents from assignment operator (=) to comparison (==) as the comment said. To clean up your if else clutter you should use:
1// Firstly, Welcome the client!
2cout << " Welcome to the Wordpress subsciption sugesstion Tool!" << endl;
3cout << " In order to find the right plan for you, we'll need to ask you a series of questions!" << endl;
4cout << " Answer the following questions using 'y' or 'n' keys when prompted." << endl;
5
6// secondly, Present the series of questions and prompt the user for input.
7cout << 1.) Would you like to utilize free themes? (y/n)" << endl;
8cin >> answer;
9
10if(answer = 'y')
11{
12 freeTheme = true;
13}
14else
15{
16 freeTheme = false;
17}
18cout << "\t\n 2.) Would you like to customize your themes? (y/n)" << endl;
19cin >> answer;
20
21if(answer = 'y')
22{
23 customDesign = true;
24}
25else
26{
27 customDesign = false;
28}
29
30cout << "\t\n 3.) Will you be needing Search Engine Optimization? (y/n)" << endl;
31cin >> answer;
32
33if(answer = 'y')
34{
35 seoTools = true;
36}
37else
38{
39 seoTools = false;
40}
41
42cout << "\t\n 4.) Is live support important for you? (y/n)" << endl;
43cin >> answer;
44
45if(answer = 'y')
46{
47 liveSupport = true;
48}
49else
50{
51 liveSupport = false;
52}
53
54cout << "\t\n 5.) How much data will you need to host? 3GB, 6GB, 13GB, or unlimited(999GB)?" << endl;
55cin >> storageCapacity;
56
57if(storageCapacity = 3)
58{
59 costPerMonth = 0.00;
60}
61else if (storageCapacity = 6)
62{
63 costPerMonth = 5.00;
64}
65else if (storageCapacity = 13)
66{
67 costPerMonth = 8.00;
68}
69else if (storageCapacity = 999)
70{
71 costPerMonth = 25.00;
72}
73
74cout << 6.) How many years are you interest in hosting for?" << endl;
75cin >> years;
76bool_name = answer == desired_input;
77
eg:
1// Firstly, Welcome the client!
2cout << " Welcome to the Wordpress subsciption sugesstion Tool!" << endl;
3cout << " In order to find the right plan for you, we'll need to ask you a series of questions!" << endl;
4cout << " Answer the following questions using 'y' or 'n' keys when prompted." << endl;
5
6// secondly, Present the series of questions and prompt the user for input.
7cout << 1.) Would you like to utilize free themes? (y/n)" << endl;
8cin >> answer;
9
10if(answer = 'y')
11{
12 freeTheme = true;
13}
14else
15{
16 freeTheme = false;
17}
18cout << "\t\n 2.) Would you like to customize your themes? (y/n)" << endl;
19cin >> answer;
20
21if(answer = 'y')
22{
23 customDesign = true;
24}
25else
26{
27 customDesign = false;
28}
29
30cout << "\t\n 3.) Will you be needing Search Engine Optimization? (y/n)" << endl;
31cin >> answer;
32
33if(answer = 'y')
34{
35 seoTools = true;
36}
37else
38{
39 seoTools = false;
40}
41
42cout << "\t\n 4.) Is live support important for you? (y/n)" << endl;
43cin >> answer;
44
45if(answer = 'y')
46{
47 liveSupport = true;
48}
49else
50{
51 liveSupport = false;
52}
53
54cout << "\t\n 5.) How much data will you need to host? 3GB, 6GB, 13GB, or unlimited(999GB)?" << endl;
55cin >> storageCapacity;
56
57if(storageCapacity = 3)
58{
59 costPerMonth = 0.00;
60}
61else if (storageCapacity = 6)
62{
63 costPerMonth = 5.00;
64}
65else if (storageCapacity = 13)
66{
67 costPerMonth = 8.00;
68}
69else if (storageCapacity = 999)
70{
71 costPerMonth = 25.00;
72}
73
74cout << 6.) How many years are you interest in hosting for?" << endl;
75cin >> years;
76bool_name = answer == desired_input;
77freeTheme = answer == 'y';
78
Otherwise you could simply ask which option from the pic they want (free, blogger..etc) and use this in a switch statement. I would do this since it means the user needs to do less input, can see all the options on one line so doesn't need to think what other future options might be and it's just easier to code.
QUESTION
Is there a way to fix javascript "touch" events firing twice on IOS devices? (Video example included)
Asked 2020-Jun-24 at 17:51I'm working on a webpage that uses a carousel to show content on smaller screen sizes. I cooked up some javascript to create a "swipe" function on mobile devices and it works perfectly on android devices. However, on SOME iPhones (ones running the newer versions of IOS) the event seems to be triggered twice.
I've been researching this for various days, and although I've seen some similar scenarios, none are quite the same. Usually, the similar scenarios that I've found have two events being binded and thats what triggers the function twice. For example, $button.bind("touchstart click");
That, however, is not my problem.
My problem is that the $("#mobileCarousel").on("touchstart") seems to be firing twice on iPhones with the newer IOSs. I have no other events being binded, just the "touch"
Here is a video example of what is happening: https://youtu.be/8XGMKTpUUrI
I've included the js, css, and html.
I've been losing sleep over this, so any tips/solutions on how to fix this would be greatly appreciated. :D
1$("#mobileCarousel").carousel({
2 interval: 10000
3})
4
5$("#mobileCarousel").on("touchstart", function(event){
6 var xClick = event.originalEvent.touches[0].pageX;
7 $(this).one("touchmove", function(event){
8 var xMove = event.originalEvent.touches[0].pageX;
9 if( Math.floor(xClick - xMove) > 3 ){
10 $(this).carousel('next');
11 console.log("the touch event is firing twice.");
12 }
13 else if( Math.floor(xClick - xMove) < -3 ){
14 $(this).carousel('prev');
15 console.log("the touch event is firing twice.");
16 }
17 });
18 $(".carousel").on("touchend", function(){
19 $(this).off("touchmove");
20 });
21});
22
23$(".carousel carousel-item").each(function(){
24 var minPerSlide = 3;
25 var nextElement = $(this).next();
26 if(!nextElement.length){
27 nextElement = $(this).siblings(":first");
28 }
29 nextElement.children(':first-child').clone().appendTo($(this));
30
31 for (var i = 0; i < minPerSlide; i++) {
32 nextElement = nextElement.next();
33 if(!nextElement.length){
34 nextElement = $(this).siblings(":first");
35
36 }
37 nextElement.children(":first-child").clone().appendTo($(this));
38 }
39});
1$("#mobileCarousel").carousel({
2 interval: 10000
3})
4
5$("#mobileCarousel").on("touchstart", function(event){
6 var xClick = event.originalEvent.touches[0].pageX;
7 $(this).one("touchmove", function(event){
8 var xMove = event.originalEvent.touches[0].pageX;
9 if( Math.floor(xClick - xMove) > 3 ){
10 $(this).carousel('next');
11 console.log("the touch event is firing twice.");
12 }
13 else if( Math.floor(xClick - xMove) < -3 ){
14 $(this).carousel('prev');
15 console.log("the touch event is firing twice.");
16 }
17 });
18 $(".carousel").on("touchend", function(){
19 $(this).off("touchmove");
20 });
21});
22
23$(".carousel carousel-item").each(function(){
24 var minPerSlide = 3;
25 var nextElement = $(this).next();
26 if(!nextElement.length){
27 nextElement = $(this).siblings(":first");
28 }
29 nextElement.children(':first-child').clone().appendTo($(this));
30
31 for (var i = 0; i < minPerSlide; i++) {
32 nextElement = nextElement.next();
33 if(!nextElement.length){
34 nextElement = $(this).siblings(":first");
35
36 }
37 nextElement.children(":first-child").clone().appendTo($(this));
38 }
39});@media only screen and (max-width: 993px) {
40 .carousel-inner .carousel-item > div {
41 display: none;
42 }
43 .carousel-inner .carousel-item > div:first-child {
44 display: block;
45
46 }
47}
1$("#mobileCarousel").carousel({
2 interval: 10000
3})
4
5$("#mobileCarousel").on("touchstart", function(event){
6 var xClick = event.originalEvent.touches[0].pageX;
7 $(this).one("touchmove", function(event){
8 var xMove = event.originalEvent.touches[0].pageX;
9 if( Math.floor(xClick - xMove) > 3 ){
10 $(this).carousel('next');
11 console.log("the touch event is firing twice.");
12 }
13 else if( Math.floor(xClick - xMove) < -3 ){
14 $(this).carousel('prev');
15 console.log("the touch event is firing twice.");
16 }
17 });
18 $(".carousel").on("touchend", function(){
19 $(this).off("touchmove");
20 });
21});
22
23$(".carousel carousel-item").each(function(){
24 var minPerSlide = 3;
25 var nextElement = $(this).next();
26 if(!nextElement.length){
27 nextElement = $(this).siblings(":first");
28 }
29 nextElement.children(':first-child').clone().appendTo($(this));
30
31 for (var i = 0; i < minPerSlide; i++) {
32 nextElement = nextElement.next();
33 if(!nextElement.length){
34 nextElement = $(this).siblings(":first");
35
36 }
37 nextElement.children(":first-child").clone().appendTo($(this));
38 }
39});@media only screen and (max-width: 993px) {
40 .carousel-inner .carousel-item > div {
41 display: none;
42 }
43 .carousel-inner .carousel-item > div:first-child {
44 display: block;
45
46 }
47}<div class="container-fluid carousel-container d-lg-none d-xl-none">
48 <div id="mobileCarousel" class="carousel slide w-100" data-ride="carousel">
49 <div class="carousel-inner" role="listbox">
50 <div class="carousel-item active">
51
52 <div class="card index-card border-success">
53 <div class="d-flex justify-content-center">
54 <img src="code icon.png" alt="">
55 </div>
56 <div class="d-flex justify-content-center">
57 <p class="pTagsForCardTitles">&ltHTML&gt and CSS3</p>
58 </div>
59 <div class="d-flex justify-content-center">
60 <p class="pTagsForCards d-flex justify-content-center">We design and program your website from scratch and to
61 your liking. No restrictive templates! Have the website you have always dreamt of for your business.</p>
62 </div>
63 </div>
64
65 </div>
66 <div class="carousel-item">
67
68 <div class="card index-card border-success">
69 <div class="d-flex justify-content-center">
70 <img src="shield icon.png" alt="">
71 </div>
72 <div class="d-flex justify-content-center">
73 <p class="pTagsForCardTitles">Online Security</p>
74 </div>
75 <p class="pTagsForCards d-flex justify-content-center">Tropiweb supplies SSL security certificates to every
76 page it produces. Keep your transactions and clients' sensitive informations out of the wrong hands.</p>
77 </div>
78
79 </div>
80 <div class="carousel-item">
81
82 <div class="card index-card border-success">
83 <div class="d-flex justify-content-center">
84 <img src="search icon.png" alt="">
85 </div>
86 <div class="d-flex justify-content-center">
87 <p class="pTagsForCardTitles">Search Engine Optimization</p>
88 </div>
89 <p class="pTagsForCards d-flex justify-content-center">We optimize your web-page's &ltmeta&gt, &ltalt&gt, and
90 &lttitle&gt tags in order to maximize the probability of potential clients finding you through any search engine</p>
91 </div>
92
93 </div>
94 <div class="carousel-item">
95
96 <div class="card index-card border-success">
97 <div class="d-flex justify-content-center">
98 <img src="responsive icon.png" alt="">
99 </div>
100 <div class="d-flex justify-content-center">
101 <p class="pTagsForCardTitles">Sleek and Responsive</p>
102 </div>
103 <p class="pTagsForCards d-flex justify-content-center">Your website is designed with cross-platform compatability as a priority.
104 No matter the web-browser or device (tablet, laptop, or phone) your page will always function properly.</p>
105 </div>
106
107 </div>
108 <div class="carousel-item">
109
110 <div class="card index-card border-success">
111 <div class="d-flex justify-content-center">
112 <img src="money icon.png" alt="">
113 </div>
114 <div class="d-flex justify-content-center">
115 <p class="pTagsForCardTitles">E-Commerce Solutions</p>
116 </div>
117 <p class="pTagsForCards d-flex justify-content-center">Run your online shop right from your very own website. Validate transactions,
118 keep stock of your merchandise, charge applicable sales taxes, and ship your product with no hassle.</p>
119 </div>
120
121 </div>
122 </div>
123 <a class="carousel-control-prev" href="#mobileCarousel" role="button" data-slide="prev">
124 <span>
125 <img class="carousel-arrow-right" src="flecha-de.png" alt="">
126 </span>
127 <span class="sr-only">Previous</span>
128 </a>
129 <a class="carousel-control-next" href="#mobileCarousel" role="button" data-slide="next">
130 <span>
131 <img class="carousel-arrow-left" src="flecha-iz.png" alt="">
132 </span>
133 <span class="sr-only">Next</span>
134 </a>
135 </div>
136 </div>
ANSWER
Answered 2020-Jun-24 at 17:51So, after many sleepless nights and debugging I fixed the issue. Apparently the issue was that I was using an old deprecated version of jQuery. Once I started using the latest version of jQuery, the issue went away.
Community Discussions contain sources that include Stack Exchange Network
Tutorials and Learning Resources in Search Engine Optimization
Tutorials and Learning Resources are not available at this moment for Search Engine Optimization