Copiez ou téléchargez le résultat : Sélectionnez le titre qui vous convient, copiez-le et collez-le dans votre CMS, votre plugin SEO (Yoast, Rank Math) ou directement dans la balise </code> de votre HTML.</p></li>
</ol>
<p>Astuce : si les propositions ne correspondent pas à ce que vous cherchez, reformulez votre description ou changez de ton, puis relancez. Les résultats varient à chaque génération.</p>
<h2>Pourquoi utiliser le Générateur de Balise Title IA de ToolsPivot</h2>
<ul>
<li><p><strong>Gain de temps sur chaque page :</strong> Rédiger une balise title manuellement prend entre 15 et 30 minutes quand on veut respecter la longueur, le placement du mot-clé et l'intention de recherche. Ici, vous obtenez plusieurs options en moins de 30 secondes.</p></li>
<li><p><strong>Aucune inscription requise :</strong> Pas de compte à créer, pas d'e-mail à fournir. Vous accédez à l'outil, vous générez vos titres, vous repartez. La plupart des outils concurrents (HubSpot, Jasper, Copy.ai) demandent au minimum un e-mail ou un essai gratuit limité.</p></li>
<li><p><strong>Titres calibrés pour la SERP :</strong> En réglant la plage de caractères entre 50 et 60, vos titres s'affichent sans troncature dans Google. Les balises trop longues sont réécrites par Google dans plus de 60 % des cas.</p></li>
<li><p><strong>Contrôle sur le ton et l'audience :</strong> Neuf tons et six profils d'audience permettent d'adapter la formulation. Un titre pour une landing page e-commerce ne ressemble pas à un titre pour un article de blog éducatif. Les générateurs basiques ne proposent pas ce niveau de personnalisation. L'IA ajuste aussi le niveau de langue, ce que vous pouvez vérifier ensuite avec un <a href="https://toolspivot.com/fr/readability-checker">test de lisibilité</a>.</p></li>
<li><p><strong>Idéal pour les auto-entrepreneurs et les TPE :</strong> Si vous n'avez pas de budget pour un consultant SEO ou un rédacteur web freelance, cet outil vous donne un point de départ solide. Ajustez les propositions selon votre connaissance du sujet et publiez.</p></li>
<li><p><strong>Complémentaire avec vos autres outils SEO :</strong> Utilisez-le avec l'<a href="https://toolspivot.com/fr/meta-tags-analyzer">analyseur de balises meta</a> pour vérifier vos titres existants, ou avec le <a href="https://toolspivot.com/fr/keyword-density-checker">vérificateur de densité de mots-clés</a> pour vous assurer que votre contenu soutient bien votre title.</p></li>
<li><p><strong>Gratuit et sans limite :</strong> Pas de quota journalier, pas de crédits à acheter. Vous pouvez générer des titres pour 10 pages ou 500 sans restriction.</p></li>
</ul>
<h2>Qu'est-ce qu'une balise title et quel est son rôle en SEO ?</h2>
<p>La balise title est l'élément HTML qui définit le titre d'une page web. C'est le texte bleu cliquable qui apparaît dans les résultats de Google, dans l'onglet du navigateur et souvent dans les partages sur les réseaux sociaux via l'Open Graph.</p>
<p>Son poids en référencement est direct. Google utilise la balise title comme signal fort pour comprendre le sujet de la page et la positionner face aux requêtes des internautes. Un titre contenant le mot-clé principal en début de phrase envoie un signal clair. Un titre vague ou générique (« Accueil », « Page 1 ») ne dit rien aux moteurs et réduit vos chances de classement.</p>
<p>Mais la balise title joue aussi sur le taux de clics. Sur une page de résultats, les internautes scannent les titres avant de cliquer. Un titre avec un bénéfice clair (« Gratuit », « Rapide », « Sans inscription ») attire davantage qu'un titre plat. Des études montrent que les titres contenant un chiffre obtiennent environ 36 % de clics supplémentaires par rapport aux titres sans chiffre.</p>
<p>Ne confondez pas la balise title avec le H1. Le title apparaît dans la SERP et l'onglet du navigateur ; le H1 s'affiche sur la page elle-même. Ils peuvent être identiques ou légèrement différents. Vérifiez les deux avec un <a href="https://toolspivot.com/fr/website-seo-checker">vérificateur SEO de site</a> pour repérer les pages où le title est manquant ou mal rédigé.</p>
<h2>Les critères d'une balise title qui performe</h2>
<p>Toutes les balises title ne se valent pas. Voici ce qui sépare un titre efficace d'un titre ignoré dans la SERP.</p>
<p><strong>Longueur entre 50 et 60 caractères.</strong> Google affiche environ 580 à 600 pixels de largeur pour le title. Au-delà, le titre est tronqué avec des points de suspension. Les titres entre 51 et 55 caractères ont le taux de réécriture par Google le plus bas, autour de 15 %. Utilisez un <a href="https://toolspivot.com/fr/word-counter-tool">compteur de mots</a> pour vérifier la longueur exacte.</p>
<p><strong>Mot-clé principal en début de titre.</strong> Les moteurs de recherche accordent plus de poids aux termes placés au début. Si votre mot-clé est « balise title SEO », commencez par ce terme plutôt que de le glisser en fin de phrase.</p>
<p><strong>Un déclencheur de clic.</strong> Les mots « Gratuit », « Guide », « Facile » ou un chiffre augmentent la probabilité de clic. Les parenthèses ou crochets ([Guide], [Gratuit]) peuvent accroître le CTR de plusieurs points selon les tests réalisés par des agences SEO.</p>
<p><strong>Un titre unique par page.</strong> Deux pages avec la même balise title créent un problème de contenu dupliqué. Chaque page de votre site doit avoir un titre distinct. Si vous gérez un e-commerce avec des centaines de fiches produits, un générateur IA vous fait gagner des heures.</p>
<p><strong>Cohérence avec le contenu de la page.</strong> Google réécrit les titres qui ne reflètent pas le contenu réel. Si votre titre promet « 10 astuces SEO » mais que la page n'en contient que 3, le moteur affichera un autre titre. Alignez votre balise title avec le H1 et le contenu de la page pour garder le contrôle de ce qui s'affiche. L'<a href="https://toolspivot.com/fr/keywords-research-tool">outil de recherche de mots-clés</a> vous aide à identifier les termes sur lesquels votre contenu doit se concentrer.</p>
<h2>Quand faut-il générer ou réécrire vos balises title ?</h2>
<p>Vous venez de publier un article de blog de 2 000 mots et vous réalisez que le titre par défaut de votre CMS reprend simplement le H1 sans aucune optimisation. C'est le cas classique.</p>
<p>Mais d'autres situations justifient l'utilisation d'un générateur :</p>
<p><strong>Audit SEO complet.</strong> Vous passez votre site dans un analyseur de balises meta et vous découvrez 40 pages avec des titles trop longs, trop courts ou manquants. Réécrire 40 titres manuellement prend une journée. Avec le générateur, c'est l'affaire d'une heure. Profitez-en aussi pour créer les balises meta manquantes avec le <a href="https://toolspivot.com/fr/meta-tag-generator">générateur de balises meta</a>.</p>
<p><strong>Migration de site.</strong> Vous changez de nom de domaine ou de CMS. Toutes les balises title doivent être revues pour inclure le nouveau branding. Particulièrement utile pour les sites e-commerce sous PrestaShop, Shopify ou WooCommerce avec des centaines de pages produit.</p>
<p><strong>Baisse de trafic organique.</strong> Une page qui perd des positions peut bénéficier d'un nouveau titre. Testez une reformulation plus orientée bénéfice ou plus proche de l'intention de recherche réelle. Suivez le positionnement avec un <a href="https://toolspivot.com/fr/keyword-rank-checker">outil de suivi de position</a> avant et après le changement.</p>
<p><strong>Lancement d'un site multilingue.</strong> Si vous développez une version française de votre site, chaque page a besoin d'une balise title en français, pas d'une traduction littérale de l'anglais. Les internautes francophones cherchent « compteur de mots en ligne gratuit », pas « free word counter online ». Générez des titres natifs.</p>
<p><strong>Création de contenu en volume.</strong> Un consultant SEO freelance ou une agence qui produit 20 articles par mois pour ses clients peut accélérer la phase de titrage. Combinez le générateur de balise title avec le <a href="https://toolspivot.com/fr/ai-keyword-cluster-ideas">générateur de clusters de mots-clés</a> pour structurer vos contenus dès le départ.</p>
<h2>Réponses rapides sur le générateur de balise title</h2>
<h3>Le générateur de balise title IA de ToolsPivot est-il gratuit ?</h3>
<p>Oui, l'outil est 100 % gratuit et ne demande aucune inscription. Vous accédez directement à la page, vous remplissez les champs et vous récupérez vos titres. Pas de compte à créer, pas de crédits à acheter, pas de limite de génération quotidienne.</p>
<h3>Quelle est la longueur idéale d'une balise title pour le SEO ?</h3>
<p>La longueur recommandée se situe entre 50 et 60 caractères, soit environ 580 à 600 pixels de large. Au-delà, Google tronque le titre avec des points de suspension. Les titres entre 51 et 55 caractères subissent le moins de réécritures par Google, avec un taux d'environ 15 %.</p>
<h3>Quelle différence entre la balise title et le H1 ?</h3>
<p>La balise title s'affiche dans les résultats de recherche et l'onglet du navigateur. Le H1 apparaît sur la page elle-même. Les deux peuvent être identiques ou varier légèrement. La balise title doit être concise et inclure le mot-clé principal ; le H1 peut être plus descriptif pour le lecteur.</p>
<h3>Pourquoi Google réécrit-il ma balise title ?</h3>
<p>Google modifie les titres trop longs, trop courts, bourrés de mots-clés ou incohérents avec le contenu de la page. Selon les données de Google, le moteur réécrit plus de 60 % des balises title qu'il juge mal rédigées. Respecter la longueur recommandée et refléter fidèlement le contenu réduit ce risque.</p>
<h3>Ce générateur est-il adapté aux balises title en français ?</h3>
<p>L'outil prend en charge le français et d'autres langues. Rédigez votre description et votre objectif en français, et l'IA génère des titres en français. Pour un résultat naturel, relisez les propositions et ajustez les formulations si besoin, car l'IA peut parfois produire des tournures qui sonnent comme du traduit.</p>
<h3>Puis-je utiliser le générateur pour des balises title e-commerce ?</h3>
<p>Tout à fait. Sélectionnez un ton « persuasif » et l'audience « entrepreneurs » ou « grand public ». Précisez dans la description qu'il s'agit d'une fiche produit ou d'une catégorie. L'IA adapte les titres pour inclure des termes comme « acheter », « prix » ou « meilleur », qui correspondent à l'intention d'achat.</p>
<h3>Comment savoir si ma balise title actuelle est mal rédigée ?</h3>
<p>Passez l'URL de votre page dans un analyseur de balises meta. L'outil vous indique la longueur du title, s'il est tronqué et s'il contient votre mot-clé principal. Un title absent, dupliqué ou trop long est un signal d'alerte.</p>
<h3>Faut-il inclure le nom de marque dans la balise title ?</h3>
<p>Pour la page d'accueil et les pages stratégiques, oui. Pour les articles de blog et les pages informatives, le mot-clé doit passer en priorité. Si vous ajoutez votre marque, placez-la en fin de titre, séparée par un tiret ou une barre verticale (|), pour ne pas grignoter l'espace réservé au mot-clé.</p>
<h3>Cet outil remplace-t-il un rédacteur SEO ?</h3>
<p>Non. Il accélère la phase de création et vous donne un point de départ de qualité. Un rédacteur SEO apporte une compréhension de l'intention de recherche, du contexte concurrentiel et du ton de votre marque que l'IA ne maîtrise pas entièrement. Le générateur est un accélérateur, pas un remplaçant.</p>
<h3>Combien de mots-clés dois-je mettre dans une balise title ?</h3>
<p>Un mot-clé principal et éventuellement un mot-clé secondaire. Accumuler trois ou quatre mots-clés dans 60 caractères rend le titre illisible et peut être perçu comme du bourrage de mots-clés par Google. Concentrez-vous sur un terme clair et un <a href="https://toolspivot.com/fr/long-tail-keyword-generator">mot-clé longue traîne</a> si l'espace le permet.</p>
<h3>Puis-je générer des balises title pour les réseaux sociaux ?</h3>
<p>Les titres générés sont conçus pour la SERP. Pour les réseaux sociaux (Facebook, LinkedIn, X), les titres Open Graph ont des règles différentes. Utilisez le <a href="https://toolspivot.com/fr/open-graph-generator">générateur Open Graph</a> de ToolsPivot pour créer des titres adaptés au partage social.</p>
<h3>Le générateur fonctionne-t-il sur mobile ?</h3>
<p>Oui. L'interface est accessible depuis un navigateur mobile. Vous pouvez générer des balises title depuis votre téléphone ou votre tablette sans télécharger d'application. Pratique si vous travaillez en déplacement ou si vous devez modifier un title rapidement depuis la Search Console.</p>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "FAQPage",
"mainEntity": [
{
"@type": "Question",
"name": "Le générateur de balise title IA de ToolsPivot est-il gratuit ?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Oui, l'outil est 100 % gratuit et ne demande aucune inscription. Vous accédez directement à la page, vous remplissez les champs et vous récupérez vos titres. Pas de compte à créer, pas de crédits à acheter, pas de limite de génération quotidienne."
}
},
{
"@type": "Question",
"name": "Quelle est la longueur idéale d'une balise title pour le SEO ?",
"acceptedAnswer": {
"@type": "Answer",
"text": "La longueur recommandée se situe entre 50 et 60 caractères, soit environ 580 à 600 pixels de large. Au-delà, Google tronque le titre avec des points de suspension. Les titres entre 51 et 55 caractères subissent le moins de réécritures par Google, avec un taux d'environ 15 %."
}
},
{
"@type": "Question",
"name": "Quelle différence entre la balise title et le H1 ?",
"acceptedAnswer": {
"@type": "Answer",
"text": "La balise title s'affiche dans les résultats de recherche et l'onglet du navigateur. Le H1 apparaît sur la page elle-même. Les deux peuvent être identiques ou varier légèrement. La balise title doit être concise et inclure le mot-clé principal ; le H1 peut être plus descriptif pour le lecteur."
}
},
{
"@type": "Question",
"name": "Pourquoi Google réécrit-il ma balise title ?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Google modifie les titres trop longs, trop courts, bourrés de mots-clés ou incohérents avec le contenu de la page. Selon les données de Google, le moteur réécrit plus de 60 % des balises title qu'il juge mal rédigées. Respecter la longueur recommandée et refléter fidèlement le contenu réduit ce risque."
}
},
{
"@type": "Question",
"name": "Ce générateur est-il adapté aux balises title en français ?",
"acceptedAnswer": {
"@type": "Answer",
"text": "L'outil prend en charge le français et d'autres langues. Rédigez votre description et votre objectif en français, et l'IA génère des titres en français. Pour un résultat naturel, relisez les propositions et ajustez les formulations si besoin, car l'IA peut parfois produire des tournures qui sonnent comme du traduit."
}
},
{
"@type": "Question",
"name": "Puis-je utiliser le générateur pour des balises title e-commerce ?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Tout à fait. Sélectionnez un ton persuasif et l'audience entrepreneurs ou grand public. Précisez dans la description qu'il s'agit d'une fiche produit ou d'une catégorie. L'IA adapte les titres pour inclure des termes comme acheter, prix ou meilleur, qui correspondent à l'intention d'achat."
}
},
{
"@type": "Question",
"name": "Comment savoir si ma balise title actuelle est mal rédigée ?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Passez l'URL de votre page dans un analyseur de balises meta. L'outil vous indique la longueur du title, s'il est tronqué et s'il contient votre mot-clé principal. Un title absent, dupliqué ou trop long est un signal d'alerte."
}
},
{
"@type": "Question",
"name": "Faut-il inclure le nom de marque dans la balise title ?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Pour la page d'accueil et les pages stratégiques, oui. Pour les articles de blog et les pages informatives, le mot-clé doit passer en priorité. Si vous ajoutez votre marque, placez-la en fin de titre, séparée par un tiret ou une barre verticale, pour ne pas grignoter l'espace réservé au mot-clé."
}
},
{
"@type": "Question",
"name": "Cet outil remplace-t-il un rédacteur SEO ?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Non. Il accélère la phase de création et vous donne un point de départ de qualité. Un rédacteur SEO apporte une compréhension de l'intention de recherche, du contexte concurrentiel et du ton de votre marque que l'IA ne maîtrise pas entièrement. Le générateur est un accélérateur, pas un remplaçant."
}
},
{
"@type": "Question",
"name": "Combien de mots-clés dois-je mettre dans une balise title ?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Un mot-clé principal et éventuellement un mot-clé secondaire. Accumuler trois ou quatre mots-clés dans 60 caractères rend le titre illisible et peut être perçu comme du bourrage de mots-clés par Google. Concentrez-vous sur un terme clair et un mot-clé longue traîne si l'espace le permet."
}
},
{
"@type": "Question",
"name": "Puis-je générer des balises title pour les réseaux sociaux ?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Les titres générés sont conçus pour la SERP. Pour les réseaux sociaux (Facebook, LinkedIn, X), les titres Open Graph ont des règles différentes. Utilisez le générateur Open Graph de ToolsPivot pour créer des titres adaptés au partage social."
}
},
{
"@type": "Question",
"name": "Le générateur fonctionne-t-il sur mobile ?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Oui. L'interface est accessible depuis un navigateur mobile. Vous pouvez générer des balises title depuis votre téléphone ou votre tablette sans télécharger d'application."
}
}
]
}
</script></p> </p> <br />
</div>
<div class="col-md-4" id="rightCol" >
<div class="search_dots_section p20 box_shadow_border">
<div class="tool_heading text-center">
<h2 class="fs18 mn">SEARCH</h2>
<div class="heading_border mb10 mt10"></div>
</div>
<div id="sidebar_search">
<div class="input-group">
<input id="sidebarsearch" autocomplete="off" placeholder="Search from seo tools" class="form-control" type="text">
<span class="input-group-btn">
<button class="btn btn-secondary" type="button"><span class="glyphicon glyphicon-search"></span></button>
</span>
</div>
<div id="sidebar-results" class="search-resultsbar box_shadow_border" style="background: rgb(255, 255, 255) none repeat scroll 0% 0%; border-radius: 10px; padding: 15px 0px; display: none;"></div>
</div>
</div>
<div class="sidebar_adds p5 mt15 box_shadow_border">
<div class="sideXd">
<!-- Autorelaxed AdSense (CWV-safe) -->
<div class="adsense-wrapper"
style="min-height:420px;width:100%;overflow:hidden;">
<ins class="adsbygoogle"
style="display:block;width:100%;height:420px"
data-ad-format="autorelaxed"
data-ad-client="ca-pub-3744783675211834"
data-ad-slot="7393957901">
</ins>
</div>
<script>
window.addEventListener('load', function () {
(adsbygoogle = window.adsbygoogle || []).push({});
});
</script> </div>
<br>
<div class="sideXd">
<!-- Small Sidebar / In-content AdSense (CWV-safe) -->
<div class="adsense-wrapper" style="min-height:250px;">
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-3744783675211834"
data-ad-slot="9168512573"
data-ad-format="auto"
data-full-width-responsive="true"></ins>
</div>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script> </div>
</div>
<div class="popular_tool_box box_shadow_border pn mb10">
<ul>
<li class="popular-seo-t pn">
<h3 class="mn p10">Popular SEO Tools</h3>
</li>
<li class="pg-hovr">
<div class="icon_image plagrism-checker"></div>
<a href="https://toolspivot.com/fr/plagiarism-checker">Plagiarism Checker</a>
</li>
<li class="aw-hovr">
<div class="icon_image word-count-checker"></div>
<a href="https://toolspivot.com/fr/word-counter-tool">Word Counter</a>
</li>
<li class="kpc-hovr">
<div class="icon_image keyword-position-checker"></div>
<a href="https://toolspivot.com/fr/keyword-rank-checker">Keyword Rank Checker</a>
</li>
<li class="gc-hovr">
<div class="icon_image grammer-chacker"></div>
<a href="https://toolspivot.com/fr/grammar-checker">Grammar Checker</a>
</li>
<li class="da-hovr">
<div class="icon_image domain-ath"></div>
<a href="https://toolspivot.com/fr/domain-authority-checker">Domain Authority Checker</a>
</li>
<li class="pr-hovr">
<div class="icon_image readability-checker"></div>
<a href="https://toolspivot.com/fr/readability-checker">Readability Checker</a>
</li>
<li class="ic-hovr">
<div class="icon_image image-comp"></div>
<a href="https://toolspivot.com/fr/image-compressor">Image Compression Tool</a>
</li>
<li class="ris-hovr">
<div class="icon_image reverse-image"></div>
<a href="https://toolspivot.com/fr/reverse-image-search">Reverse Image Search</a>
</li>
<li class="pac-hovr">
<div class="icon_image page-athority"></div>
<a href="https://toolspivot.com/fr/page-authority-checker">Page Authority checker</a>
</li>
<li class="sc-hovr">
<div class="icon_image spell-checker"></div>
<a href="https://toolspivot.com/fr/text-to-speech-converter">Text To Speech</a>
</li>
<li class="bc-hovr">
<div class="icon_image backlink-checker"></div>
<a href="https://toolspivot.com/fr/backlink-checker">Backlink Checker</a>
</li>
<li class="arc-hovr">
<div class="icon_image xml-sitemap-generator"></div>
<a href="https://toolspivot.com/fr/sitemap-generator-tool">Sitemap Generator</a>
</li>
<li class="bm-hovr">
<div class="icon_image back-link-m"></div>
<a href="https://toolspivot.com/fr/backlink-maker">Backlink Maker</a>
</li>
<li class="dac-hovr">
<div class="icon_image domain-age-checker"></div>
<a href="https://toolspivot.com/fr/domain-age-checker">Domain Age Checker</a>
</li>
<li class="wpt-hovr">
<div class="icon_image exif-remover"></div>
<a href="https://toolspivot.com/fr/exif-data-remover">Exif Data Remover</a>
</li>
<li class="wssc-hovr">
<div class="icon_image website-seo-score"></div>
<a href="https://toolspivot.com/fr/website-seo-checker">Website Seo Score Checker</a>
</li>
<li class="kdc-hovr">
<div class="icon_image keyword-dencity-checker"></div>
<a href="https://toolspivot.com/fr/keyword-density-checker">Keyword Density Checker</a>
</li>
<li class="wpsc-hovr">
<div class="icon_image lorem-ipsum"></div>
<a href="https://toolspivot.com/fr/lorem-ipsum-generator">Lorem Ipsum Text Generator</a>
</li>
<li class="wcc-hovr">
<div class="icon_image exif"></div>
<a href="https://toolspivot.com/fr/exif-data-viewer">Exif Data Viewer</a>
</li>
<li class="mc-hovr border-bottom">
<div class="icon_image mozrank-checker"></div>
<a href="https://toolspivot.com/fr/moz-rank-checker">Moz-rank Checker</a>
</li>
</ul>
</div>
</div> </div>
</div> <br />
<script>
let toolURL = "https://toolspivot.com/fr/ai-meta-title-generator";
let requiredArr = [];
function isConOkay(){
for (let i = 0; i < requiredArr.length; i++) {
let fieldName = requiredArr[i];
let fields = document.getElementsByName(fieldName);
if (fields.length > 0) {
let value = fields[0].value.trim();
if (value === "") {
if(fieldName == 'title')
sweetAlert(oopsStr, "Please provide a title.", "error");
else if(fieldName == 'des')
sweetAlert(oopsStr, "Please provide a description.", "error");
else if(fieldName == 'tone')
sweetAlert(oopsStr, "Select the tone style you want - for example, Friendly, Professional, and more.", "error");
else
sweetAlert(oopsStr, "Please enter a value for: " + fieldName, "error");
fields[0].focus();
return false;
}
}
}
return true;
}
async function processTask(btn) {
let checkRequiredVal = isConOkay();
if(checkRequiredVal) {
$('#aiBox').css('opacity', '0.6');
btn.classList.add('button-disabled');
btn.value = "Please wait...";
document.getElementById('loadingBar').style.display = "block";
let pos = $('#loadingBar').offset();
$('body,html').animate({scrollTop: pos.top}, 800);
const requestData = {
prompt: aiPrompt,
title: document.querySelector('[name="title"]').value,
des: document.querySelector('[name="des"]').value,
tone: document.querySelector('[name="tone"]').value,
audience: document.querySelector('[name="audience"]').value,
from: document.querySelector('[name="from"]').value,
to: document.querySelector('[name="to"]').value,
goal: document.querySelector('[name="goal"]').value
};
try {
const response = await fetch(toolURL + '/ajax', {
method: 'POST',
headers: {'Content-Type': 'application/json'},
body: JSON.stringify(requestData)
});
const result = await response.json();
document.getElementById('loadingBar').style.display = "none";
document.getElementById('outputDiv').style.display = "block";
$('#outputDiv').removeClass('hide');
if (result.success) {
$('#inputDiv').fadeOut();
let pos = $('#aiBox').offset();
$('body,html').animate({scrollTop: pos.top}, 800);
$('#aiBox').css('opacity', '1');
typeEffect('outputDivCon', result.data);
} else {
document.getElementById('outputDiv').innerText = result.error || 'Error occurred.';
}
} catch (err) {
document.getElementById('loadingBar').style.display = "none";
document.getElementById('outputDiv').innerText = "Request failed: " + err;
} finally {
btn.classList.remove('button-disabled');
btn.value = "Generate";
}
}
}
$(document).ready(function(){
let pos = $('#aiBox').offset();
$('body,html').animate({ scrollTop: pos.top },800);
});
let aiPrompt = 'seo_meta_title';
let promptFields = {
seo_meta_title: ['des', "tone"],
seo_meta_description: ['des', "tone"],
keyword_cluster_ideas: ['title', "tone"],
};
function updateFieldVisibility() {
let required = promptFields[aiPrompt] || [];
document.querySelectorAll('[data-field]').forEach(el => {
let name = el.getAttribute('data-field');
el.style.display = required.includes(name) ? '' : 'none';
if(required.includes(name)){
requiredArr.push(name);
}
});
}
function typeEffect(elementId, text, speed = 1, chunkSize = 5) {
let i = 0;
const div = document.getElementById(elementId);
div.innerHTML = ""; // Use innerHTML to preserve line breaks
function typeChunk() {
if (i < text.length) {
let nextChunk = text.substr(i, chunkSize);
div.innerHTML += nextChunk.replace(/\n/g, "<br>"); // Handle \n as <br>
i += chunkSize;
setTimeout(typeChunk, speed);
}
}
typeChunk();
}
document.addEventListener('DOMContentLoaded', updateFieldVisibility);
async function generatePDF() {
const { jsPDF } = window.jspdf;
const doc = new jsPDF();
const content = document.getElementById("outputDivCon").innerText;
doc.setFontSize(12);
const lineHeight = 8;
const marginLeft = 10;
const marginTop = 20;
const maxWidth = 180;
const lines = doc.splitTextToSize(content, maxWidth);
doc.text(lines, marginLeft, marginTop);
// Save the PDF
doc.save("content.pdf");
}
function copyText() {
const text = document.getElementById("outputDivCon").innerText;
const textarea = document.createElement("textarea");
textarea.value = text;
document.body.appendChild(textarea);
textarea.select();
textarea.setSelectionRange(0, 99999); // For mobile support
try {
document.execCommand("copy");
sweetAlert('Success', "Content has been copied to your clipboard successfully!", "success");
} catch (err) {
sweetAlert(oopsStr, "Copy failed. Please try again later.", "error");
}
document.body.removeChild(textarea);
}
</script></div></div></div><!-- Bug Button -->
<style>
#bug-btn {
position: fixed;
bottom: 20px;
right: 20px;
padding: 12px 18px;
background: #fa4c10;
color: #fff;
font-weight: 600;
border-radius: 8px;
cursor: pointer;
z-index: 9999;
}
</style>
<a id="bug-btn"
href="https://docs.google.com/forms/d/e/1FAIpQLSc2gvlcBGr_8E0ceKnZMKwuUZBEk0tHRlHdq516KwnxVUaM0Q/viewform?usp=pp_url&entry.123456789="
target="_blank"
onclick="this.href += encodeURIComponent(window.location.href)">
Report a Bug
</a>
<!-- Bug Button End-->
<div class="f_intro_bg text-center">
<form class="navbar-form mn" action="#">
<img src="https://toolspivot.com/theme/smallseo/img/form_subcribe_footer.png" class="f_icon">
<span class="f_text">Subscribe to our Newsletter</span>
<div class="input-group">
<input id="newsletterEmail" name="email" placeholder="Enter your Email Address" class="form-control search_input pl30" type="email">
<div class="input-group-btn">
<button id="newsletterSubscribe" type="submit" class="btn btn-default search_button">Subscribe</button>
</div>
</div>
</form>
</div>
<div class="f_description_bg text-center">
<div class="f_graph">
<div class="container">
<div class="col-lg-1 col-md-1"></div>
<div class="col-lg-3 col-md-3 col-sm-4 col-xs-12 f_logo_box f_contect pn">
<a class="navbar-brand ptn" href="https://toolspivot.com/fr/"><img src="https://toolspivot.com/uploads/ToolsPivot Light Logo.png" alt="Logo" /></a>
<div class="contect_info col-xs-12 pn">
<p>CONTACT US</p>
<span>marketing@toolspivot.com</span>
</div>
<div class="address_info col-xs-12 pn">
<p>ADDRESS</p>
<span>Ward No.1, Nehuta, P.O - Kusha, P.S - Dobhi, Gaya, Bihar, India, 824220</span>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 lef_to_right_border f_version">
<p>Our Most Popular Tools</p>
<a href="https://toolspivot.com/word-counter-tool"><div class="ver_img fa-file-word"></div></a>
<a href="https://toolspivot.com/plagiarism-checker"><div class="ver_img plagrism-checker"></div></a>
<a href="https://toolspivot.com/sitemap-generator-tool"><div class="ver_img f-sitemap"></div></a>
<a href="https://toolspivot.com/robots-txt-generator"><div class="ver_img f-robot"></div></a>
<a href="https://toolspivot.com/reverse-image-search"><div class="ver_img f-robot"></div></a>
</div>
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 f_contect pl30" style="min-height: 230px;">
<div class="mor_pages">
<p>QUICK LINKS</p>
<li><a href="https://toolspivot.com/fr/">Accueil</a></li><li><a href="https://toolspivot.com/fr/page/changelog">Changelog</a></li><li><a href="https://toolspivot.com/fr/page/privacy-policy">Privacy Policy</a></li><li><a href="https://toolspivot.com/fr/page/terms-of-service">Terms of Service</a></li><li><a href="https://toolspivot.com/fr/page/write-for-us">Écrire pour nous</a></li><li><a href="https://toolspivot.com/fr/contact">Contactez-nous</a></li><li><a href="https://toolspivot.com/fr/page/about-us">À propos de nous</a></li> </div>
</div>
</div>
</div>
</div>
<div class="clearfix"></div>
<div style="position: relative;">
<div class="container-fluid p10 footer">
<div class="container pn">
<div class="col-md-6 col-sm-12 col-xs-12 text-center pull-right_big">
</div>
<div class="col-md-6 col-sm-12 col-xs-12">
<p class="text-center margin0">Copyright © 2018-2026 par ToolsPivot.com. Tous droits réservés. </p>
</div>
</div>
</div>
</div>
<script type="text/javascript">
$("body").append('<div class="top">↑</div>'),$(window).scroll(function(){$(this).scrollTop()>220?$(".top").fadeIn(500):$(".top").fadeOut(500)}),$(".top").click(function(a){return a.preventDefault(),$("html, body").animate({scrollTop:0},500),!1})
</script>
<script>
jQuery(document).ready(function(){
jQuery("#newsletterSubscribe").click(function(e) {
e.preventDefault();
var newsletterEmail = jQuery('#newsletterEmail').val();
if (newsletterEmail == '') {
sweetAlert(oopsStr, inputEm, "error");
}else {
jQuery.post(baseUrl + 'newsletter', {subscribe: '1', email: newsletterEmail}, function (data) {
if (data.success)
sweetAlert('Success', data.msg, "success");
else
sweetAlert(oopsStr, data.msg, "error");
});
}
});
});
</script>
<!-- Bootstrap -->
<script src="https://toolspivot.com/theme/smallseo/js/bootstrap.min.js" type="text/javascript"></script>
<!-- Sweet Alert -->
<script type='text/javascript' src='https://toolspivot.com/theme/smallseo/js/sweetalert.min.js'></script>
<!-- App JS -->
<script src="https://toolspivot.com/theme/smallseo/js/app.js" type="text/javascript"></script>
<!-- Master JS -->
<script src="https://toolspivot.com/fr/rainbow/master-js" type="text/javascript"></script>
<!-- Sign in -->
<div class="modal fade loginme" id="signin" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title">Connexion</h4>
</div>
<form method="POST" action="https://toolspivot.com/fr/account/login" class="loginme-form">
<div class="modal-body">
<div class="alert alert-warning">
<button type="button" class="close dismiss">×</button><span></span>
</div>
<div class="info">Se connecter avec votre nom d'utilisateur</div>
<div class="form-group">
<label>Nom de famille <br />
<input type="text" name="username" class="form-input width96" />
</label>
</div>
<div class="form-group">
<label>Mot de passe <br />
<input type="password" name="password" class="form-input width96" />
</label>
</div>
</div>
<div class="modal-footer">
<button type="submit" class="btn btn-primary pull-left">Connexion</button>
<div class="pull-right align-right">
<a href="https://toolspivot.com/fr/account/forget">Mot de passe oublié</a><br />
<a href="https://toolspivot.com/fr/account/resend">Renvoyer l'e-mail d'activation</a>
</div>
</div>
<input type="hidden" name="signin" value="a88e727cee33a3820a7ac5b2eb214a87" />
<input type="hidden" name="quick" value="46c7c804f3f84b46a7213b5f984849fb" />
</form>
</div>
</div>
</div>
<!-- Sign up -->
<div class="modal fade loginme" id="signup" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title">S'inscrire</h4>
</div>
<form action="https://toolspivot.com/fr/account/register" method="POST" class="loginme-form">
<div class="modal-body">
<div class="alert alert-warning">
<button type="button" class="close dismiss">×</button><span></span>
</div>
<div class="info">S'inscrire avec votre adresse e-mail</div>
<div class="form-group">
<label>Nom de famille <br />
<input type="text" name="username" class="form-input width96" />
</label>
</div>
<div class="form-group">
<label>E-mail <br />
<input type="text" name="email" class="form-input width96" />
</label>
</div>
<div class="form-group">
<label>Nom complet <br />
<input type="text" name="full" class="form-input width96" />
</label>
</div>
<div class="form-group">
<label>Mot de passe <br />
<input type="password" name="password" class="form-input width96" />
</label>
</div>
</div>
<div class="modal-footer">
<button type="submit" class="btn btn-primary">S'inscrire</button>
</div>
<input type="hidden" name="signup" value="a88e727cee33a3820a7ac5b2eb214a87" />
<input type="hidden" name="quick" value="e4ecdab09c9ee68b5166d5323c5ec50a" />
</form>
</div>
</div>
</div>
<!-- XD Box -->
<div class="modal fade loginme" id="xdBox" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button id="xdClose" type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title" id="xdTitle"></h4>
</div>
<div class="modal-body" id="xdContent">
</div>
</div>
</div>
</div>
<script> $("#collapse0").collapse();</script></body>
</html>